css3类选择器之结合元素选择器和多类选择器用法
发布时间:2017-03-09 14:01:24 作者:佚名 我要评论
这篇文章主要介绍了css3类选择器之结合元素选择器和多类选择器用法,非常不错,具有参考借鉴价值,需要的朋友可以参考下
GPT4.0+Midjourney绘画+国内大模型 会员永久免费使用!
【 如果你想靠AI翻身,你先需要一个靠谱的工具! 】
下面一段代码给大家介绍css3类选择器之结合元素选择器和多类选择器用法,具体代码如下所示:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 | <!DOCTYPE html> <html lang= "en" > <head> <meta charset= "UTF-8" > <title>Title</title> <style> .p 2 { font-size : 30px ;} /*结合元素选择器*/ p.p 1 { color :rebeccapurple;} /*多类选择器*/ .p 1 .p 2 { 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
最新评论