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文档。
CSS选择器与可继承属性介绍
625

被折叠的 条评论
为什么被折叠?



