css3类选择器之结合元素选择器和多类选择器用法
程序员文章站
2023-11-05 12:35:58
这篇文章主要介绍了css3类选择器之结合元素选择器和多类选择器用法,非常不错,具有参考借鉴价值,需要的朋友可以参考下... 17-03-09...
下面一段代码给大家介绍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类选择器之结合元素选择器和多类选择器用法
-
前端笔记知识点整合之HTML5&CSS3(中)选择器&伪类伪元素&CSS3效果&渐变背景&过渡
-
CSS3伪元素、伪类选择器
-
css3 伪元素和伪类选择器详解
-
详解如何使用CSS3中的结构伪类选择器和伪元素选择器
-
CSS选择器(通配符选择器、标签选择器、类选择器、id选择器、群组选择器、后代选择器、子元素选择器和相邻元素选择器)
-
如何使用CSS3中的结构伪类选择器和伪元素选择器
-
css3之UI元素状态伪类选择器实例演示
-
CSS选择除第一个和最后两个以外的所有子元素 + 结构伪类选择器深度解析
-
python 之 前端开发(基本选择器、组合选择器、 交集与并集选择器、序列选择器、属性选择器、伪类选择器、伪元素选择器)