CSS 选择符及其继承属性详解

这篇文章距离上次修改已过187天，其中的内容可能已经有所变动。

在CSS中，选择符用于指定样式规则应用的HTML元素，而继承属性是指在某些CSS属性在父元素和子元素之间自动传递的特性。

选择符用于选择需要应用样式的HTML元素。CSS提供多种选择符，如类选择符、ID选择符、属性选择符、伪类选择符等。

例如，为所有<p>元素设置颜色为蓝色：




p {
  color: blue;
}

继承属性是指那些可以从父元素继承到子元素的属性。在CSS中，这些属性包括：color、font、line-height、list-style、text-align等。

例如，父元素<div>的颜色会默认应用到所有子元素：




div {
  color: red;
}

在这个例子中，<p>元素继承了<div>的颜色，即使没有为<p>元素指定颜色。




<div>
  <p>This paragraph is red.</p>
</div>

与继承属性相对的是不可继承属性。不可继承属性是指那些不会从父元素自动应用到子元素的属性，或者说那些只能明确指定给特定元素的属性。

例如，background-color就是不可继承属性，如果在父元素上设置背景色，子元素默认不会有背景色，除非子元素专门指定了背景色。




div {
  background-color: yellow;
}




<div>
  <p>This paragraph does not have a background color.</p>
</div>

如果需要重置某个元素继承自父元素的属性，可以将该属性设置为初始值或inherit。

例如，重置一个<p>元素的颜色，使其颜色恢复到初始值：




p {
  color: initial;
}

或者使其颜色重新继承父元素的颜色：




p {
  color: inherit;
}

总结：CSS选择符用于选择页面元素，而继承属性是指某些样式可以从父元素自动应用到子元素。不可继承属性需要专门指定给元素。通过initial或inherit关键字，可以重置或强制继承属性。