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>
    









