1.类型选择器

类型选择器用于选择特定类型的元素，如 p 或者 h1 元素

只需要写出元素名即可，也叫元素选择器

<html>
    <head>
        <style>
            div {
                width: 100px;
                height: 100px;
                background-color: red;
            }
        </style>
    </head>
    <body>
        <div>
        </div>
    </body>
</html>

2.后代选择器

后代选择器用于选择某个或某组元素的后代。写法是在两个选择符之间添加空格

后代可以是直接子元素，也可以是间接子元素

<html>
    <head>
        <style>
            body div {
                width: 100px;
                height: 100px;
                background-color: red;
            }

            main div {
                width: 100px;
                height: 100px;
                background-color: green;
            }
        </style>
    </head>

0 条评论