CSS 选择符有哪些?哪些属性可以继承?
CSS 选择符(选择器)的种类非常多,下面是一些常见的选择器:
- 元素选择器:选择特定类型的HTML元素,例如
p
、div
、h1
等。 -
类选择器:通过元素的class属性进行选择,例如
.myClass
。 -
ID选择器:通过元素的id属性进行选择,例如
#myId
。 -
属性选择器:通过元素的属性进行选择,例如
[href]
、[type="text"]
等。 -
子代选择器:选择某元素的直接子元素,例如
div > p
。 -
后代选择器:选择某元素的所有后代元素,例如
div p
。 -
相邻兄弟选择器:选择某元素的下一个兄弟元素,例如
h1 + p
。 -
一般兄弟选择器:选择某元素后面所有的兄弟元素,例如
h1 ~ p
。 -
伪类选择器:选择特定状态的元素,例如
:hover
、:focus
、:active
、:visited
、:first-child
等。 -
伪元素选择器:选择元素的某个部分,或者在元素前后插入内容,例如
::before
、::after
、::first-letter
等。
CSS中,有一些属性是可以继承的,这意味着如果没有为某个元素指定这些属性,那么它会继承其父元素的属性值。可以继承的属性有很多,下面是一些常见的可以继承的属性:
- 文本相关的属性,如
color
、font
、letter-spacing
、line-height
、text-align
、text-indent
、text-transform
等。 - 列表相关的属性,如
list-style
、list-style-type
、list-style-position
、list-style-image
等。 - 表格布局相关的属性,如
border-collapse
、border-spacing
等。 - 光标相关的属性,如
cursor
等。 - 可见性相关的属性,如
visibility
等。
但是大多数盒模型相关的属性(如width
、height
、margin
、padding
、border
等)和定位相关的属性(如position
、top
、bottom
、left
、right
、z-index
等)是不可继承的。具体哪些属性可以继承,可以查阅相关的CSS文档。