CSS 样式中的'html”、'body”和通用选择器 (*) 有何不同？

CSS 选择器：比较 html、body 和通用选择器 *

将 CSS 样式应用到 HTML 文档时，其中的上下文选择器的使用决定了它们的效果。让我们检查一下应用于同一文档时 html、body 和 * 选择器之间的区别。

html 选择器

将样式应用于 html 元素仅影响 < ;html>标签。它的后代元素，包括

和 。标签，继承指定的颜色。但是，background-color 属性不会继承，这意味着背景将在整个视口中可见。

body 选择器

body 选择器仅对 < 进行样式设置;身体>元素。它的后代元素继承了该颜色。 隐含的背景是元素将传播到

除非为 明确设置了不同的背景。

通用选择器 *

通用选择器 * 适用于文档中的每个元素。它打破了继承链，阻止属性被继承。通常不鼓励使用此规则，除非有令人信服的理由完全覆盖继承。

摘要

• html 设置 的样式。元素，影响具有颜色继承的所有后代。
• body 设置 的样式元素，通过颜色继承影响其后代并继承 的背景元素，除非另有指定。
• * 适用于所有元素，无论上下文如何，都会破坏继承链，除非必要，否则通常被认为是不好的做法。

以上是CSS 样式中的'html”、'body”和通用选择器 (*) 有何不同？的详细内容。更多信息请关注PHP中文网其他相关文章！