css3类选择器之结合元素选择器和多类选择器用法
发布时间：2017-03-09 14:01:24 作者：佚名 
我要评论
我要评论这篇文章主要介绍了css3类选择器之结合元素选择器和多类选择器用法,非常不错，具有参考借鉴价值，需要的朋友可以参考下
（福利推荐：你还在原价购买阿里云服务器？现在阿里云0.8折限时抢购活动来啦！4核8G企业云服务器仅2998元/3年，立即抢购>>>：9i0i.cn/aliyun）
下面一段代码给大家介绍css3类选择器之结合元素选择器和多类选择器用法，具体代码如下所示：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<style>
.p2{font-size:30px;}
/*结合元素选择器*/
p.p1{color:rebeccapurple;}
/*多类选择器*/
.p1.p2{font-style: italic;}
</style>
</head>
<body>
<div class="p1">看我</div>
<p class="p1">我就是我</p>
<p class="p2">我是一段文字</p>
<p class="p1 p2">我还是斜体字</p>
</body>
</html>
以上所述是小编给大家介绍的css3类选择器之结合元素选择器和多类选择器用法，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对程序员之家网站的支持！
相关文章
- 这篇文章主要介绍了css3之UI元素状态伪类选择器 ,其中包括hover、active和focus,enabled,disabledread-only与read-write 等等,需要的朋友可以参考下2017-08-11
- 本文总结了30个CSS3选择器,小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-04-13
IE8下CSS3选择器nth-child() 不兼容问题的解决方法
这篇文章主要介绍了IE8下CSS3选择器nth-child() 不兼容问题的解决方法,具有一定的参考价值，感兴趣的小伙伴们可以参考一下2016-11-16- 下面小编就为大家带来一篇对CSS3选择器的研究(详解)。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧，祝大家游戏愉快哦2016-09-16
- CSS3的诸多革命性改进中,对属性选择器的增强绝对是亮点之一,这里我们就来详解CSS3中属性选择器新增加的特性,需要的朋友可以参考下2016-07-11
- 这篇文章主要介绍了CSS3中的常用选择器使用示例整理,是CSS3入门学习中的基础知识,需要的朋友可以参考下2016-06-13
- 这篇文章主要介绍了CSS3 新增选择器的实例,需要的朋友可以参考下2019-11-13
最新评论