css - 是否可以不继承 CSS 规则？

Question

所以我在 body 选择器中使用了这条规则:

body {
  text-align:center
}

它继承了我在任何地方使用文本的样子。有没有办法告诉 CSS 我不希望继承此规则？

我只想让 body 居中。

Answer 1

and it cascades down to what looks like everywhere that I use text.

不，它没有。它是继承的。级联描述了如何应用与给定元素匹配的多个规则集，而不是如何从父元素复制值。

Is there a way to tell CSS I don't want this rule to cascade?

停止继承的唯一方法是在您不想继承的元素上将属性值设置为 inherit 以外的值。

例如，您可以将主体的所有子元素设置为左侧(使用 a child combinator :

body > * {
    text-align: left;
}

也就是说，首先不将内联内容直接放在正文中可能会更好地解决这个问题。

将内容放在容器元素中(如果没有更好的语义，则为 div)，然后将内容置于该元素的中心。