HTML - *和样式标签中使用的正文

时间:2017-08-10 04:24:43

标签: html

html的样式标签中使用的*和body之间有什么区别? 如果有任何例子,将有助于我理解。 谢谢..

2 个答案:

答案 0 :(得分:0)

正文选择器具有更高的优先级,但*选择器应用更广泛,因此在<body>foo<p>bar</p></body>中,正文选择器将确定文本foo的背景,但*选择器将确定{{1元素。

请注意,许多浏览器在<p>周围创建一个包含其边距和滚动条的元素,因此*选择器也可以确定该区域的颜色。

5月4日回答&#11; 11月22:01

迈克塞缪尔

答案 1 :(得分:0)

   body {
        color: black;
        background-color: white;
    }

此规则将颜色应用于body元素。 body元素的所有后代都继承其颜色。

与自动为视口生成html的背景类似,主体的背景将自动生成为html,除非您为html设置背景。因此,如果您只需要一个背景(通常情况下),无论您使用第一个规则还是第二个规则都不会产生任何真正的差异

Asterisk(*)是一个通配符,它​​表示所有元素。

   * {
        color: black;
        background-color: white;
    }

此规则将颜色应用于每个元素,因此两个属性都不是默认继承的。但你可以轻松地用其他任何东西覆盖这个规则,因为*在选择器特异性方面没有任何意义。