交集选择器与并集选择器_jwz934738949的博客-程序员宅基地_交集选择器

技术标签: HTML与CSS  

1、交集选择器

交集选择器就是在两个标签相交的部分,也就是交集进行修改格式。

对于交集选择器,可以与id和class共同使用。

格式:

标签1标签2

{

       属性;

}

<!DOCTYPE html>

<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="utf-8" />
    <title>交集选择器与并集选择器</title>
    <style>
        p.p1 {
            color: red;
        }
    </style>
</head>
<body>
    <p>我是段落</p>
    <p class="p1">我是段落</p>
    <p class="p2">我是段落</p>
</body>
</html>

2、并集选择器

与交集选择器不同,并集选择器是对两个标签同时进行修改样式。

并集选择器同样可以与id和class同时使用。

格式:

标签1,标签2

{

     属性;

}

<!DOCTYPE html>

<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="utf-8" />
    <title>交集选择器与并集选择器</title>
    <style>
        h2,p{
            color: red;
        }
    </style>
</head>
<body>
    <h2>我是标题</h2>
    <p>我是段落</p>
</body>
</html>

 

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/jwz934738949/article/details/88848724

智能推荐

随便推点