css3类选择器之结合元素选择器和多类选择器用法
程序员文章站
2023-12-02 11:53:46
这篇文章主要介绍了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制作的鼠标悬停时边框旋转
推荐阅读