CSS 选择符有哪些?哪些属性可以继承?

CSS 选择符(选择器)的种类非常多,下面是一些常见的选择器:

  1. 元素选择器:选择特定类型的HTML元素,例如pdivh1等。

  2. 类选择器:通过元素的class属性进行选择,例如.myClass

  3. ID选择器:通过元素的id属性进行选择,例如#myId

  4. 属性选择器:通过元素的属性进行选择,例如[href][type="text"]等。

  5. 子代选择器:选择某元素的直接子元素,例如div > p

  6. 后代选择器:选择某元素的所有后代元素,例如div p

  7. 相邻兄弟选择器:选择某元素的下一个兄弟元素,例如h1 + p

  8. 一般兄弟选择器:选择某元素后面所有的兄弟元素,例如h1 ~ p

  9. 伪类选择器:选择特定状态的元素,例如:hover:focus:active:visited:first-child等。

  10. 伪元素选择器:选择元素的某个部分,或者在元素前后插入内容,例如::before::after::first-letter等。

CSS中,有一些属性是可以继承的,这意味着如果没有为某个元素指定这些属性,那么它会继承其父元素的属性值。可以继承的属性有很多,下面是一些常见的可以继承的属性:

  • 文本相关的属性,如colorfontletter-spacingline-heighttext-aligntext-indenttext-transform等。
  • 列表相关的属性,如list-stylelist-style-typelist-style-positionlist-style-image等。
  • 表格布局相关的属性,如border-collapseborder-spacing等。
  • 光标相关的属性,如cursor等。
  • 可见性相关的属性,如visibility等。

但是大多数盒模型相关的属性(如widthheightmarginpaddingborder等)和定位相关的属性(如positiontopbottomleftrightz-index等)是不可继承的。具体哪些属性可以继承,可以查阅相关的CSS文档。

发表评论

后才能评论