CSS选择器之复合选择器

复合选择器有:

1.后代选择器:
可以选择父元素里面的子元素。其写法就是把外层标签写在前面,内层标签写在后面,中间用空格分隔。

语法:

元素1 元素2 { 样式声明 }
<!DOCTYPE html>
<html>
    <head>    
        <meta charset="utf-8">
        <title>标签选择器</title>
        <style>
            .nav a {
            font-size:20px;
            color:skyblue;
            text-decoration:none;
        }
        </style>
    </head>
    <body>
        <div class="nav">
        <a href="#">首页</a>
        <a href="#">项目</a>
        <a href="#">关于我们</a>
        </div>
    <a href="#">中国大学</a>
    </body>
</html>

2.子元素选择器;

3.并集选择器;

4.交集选择器;

5.属性选择器;

6.伪类(伪元素)选择器;

**暂时写到这。等理解透彻在改改。**
文章目录