Question

我试图了解这个css规则应用于哪些元素：

body h1, body .h1 {
    font-family: 'Open Sans', sans-serif !important;
    color: inherit;
    text-rendering: optimizelegibility;
}

我理解body.h1但不理解body h1或body .h1

Answer 1

body.h1会选择body元素，如果它有h1类。
- （例如<body class='h1'>this one</body>）
body h1将选择正文中的所有h1元素。
- （例如<body><h1>this one</h1></body>）
- 这在格式良好的HTML中是多余的，它基本上与h1做同样的事情，因为h1元素唯一的位置（如果你的HTML格式正确）是身体）
body .h1将选择正文中包含h1类的所有元素。
- （例如<body><div class='h1'>this one</div></body>）

因此，body h1, body .h1会选择：

<body>
    <h1>this element</h1>
    <div class='h1'>and this one too</div>
</body>

Answer 2

body h1将解决<h1> - 元素中的所有<body> - 元素：

<body>
    <h1>This one</h1>
    <div>
        <h1>And also this one</h1>
    </div>
</body>

body .h1将选择身体内类 h1的所有元素：

<body>
    <h1 class="h1">This one</h1>
    <div class="h1">And also this one</div>
</body>

body.h1在拥有课程<body>时，最终将为h1 - 元素本身设置样式：

<body class="h1"></body>

Answer 3

CSS中的选择器定位所有h1元素以及任何类型的所有元素h1，这些元素位于标记的body内。

Answer 4

正文h1

它会找到你体内的所有h1

正文.h1

它会在您的身体中找到所有类别为h1的元素

Answer 5

body h1：作为h1元素后代的所有body元素

body .h1：所有具有h1元素后代的body类的元素