CSS选择器有哪几种？哪些属性可以继承？
CSS选择器有哪些？
| 选择符类型 | 例子 | 例子描述 |
| 通用选择器 | * | |
类别选择器 | (.class) .intro | 选择class=”intro”的所有元素 |
| ID选择器 | (#id) #first | 选择id=”first”的所有元素 |
| 标签选择器 | (element) div | 选择所有<div>标签 |
| 后代选择器 | (element element) div p | 选择<div>元素内部的所有<p>元素 |
| 子选择器 | (element>element) div>p | 选择父元素为<div>的所有<p>元素 |
| 群组选择器 | (element,element) div,p | 选择所有<div>和<p>元素 |
| 相邻同胞选择器 | (element+element) div+p | 选择紧接在<div>之后的所有<p>元素 |
伪类选择器 | (:link :visited :active :hover :focus :first-child) a:link a:visited a:active a:hover input:focus p:first-child | （选择所有未被访问的或所有已被访问的或活动的链接） （选择鼠标指针位于其上链接）（选择获得的焦点的input 元素） |
| 伪元素选择器 | (:first-letter :first-line :before :after :lang(language)) p:first-letter p:first-line p:before p:after p:lang(it) | 选择每个 元素的首字母；选择每个 元素的首行；在每个 元素的内容之前插入内容；在每个 元素的内容之后插入内容；选择带有以 “it” 开头的 lang 属性值的每个 元素 |
| 属性选择器 | ([attribute] [attribute=value] [attribute~=value] [attribute|=value] ) [target=_blank] [attribute~=value] | 选择包含一个以空格分隔的词为value的所有元素；[attribute|=value]选择属性的值等于value，或值以 value- 开头的所有元素 |
CSS3新增选择器如下：
| css3新增选择器类型 | 具体选择器 | 描述 |
| 层次选择器 | p~ul | 选择前面有p元素的每个ul元素 |
| 伪类选择器 | :first-of-type :last-of-type :only-of-type :only-child :nth-child(n) :nth-last-of-type(n) :last-child :root :empty :target :enabled :disabled :checked :not(selector) | |
| 属性选择器 | [attribute*=value] [attribute^=value] [attribute$=value] | 选择属性中包含value值的属性， [attribute~=value] 是指包含value整个单词、选择属性以value开头的所有元素、选择属性以value结束的所有元素 |
CSS哪些属性可以继承？
css继承特性主要是指文本方面的继承，盒模型相关的属性基本没有继承特性。
不可继承的：
display、margin、border、padding、background、height、min-height、max-height、width、min-width、max-width、overflow、position、top、bottom、left、right、z-index、float、clear、 table-layout、vertical-align、page-break-after、page-bread-before和unicode-bidi。
所有元素可继承的：
visibility和cursor
终极块级元素可继承的：
text-indent和text-align
内联元素可继承的：
letter-spacing、word-spacing、white-space、line-height、color、font、font-family、font-size、font-style、font-variant、font-weight、text-decoration、text-transform、direction
列表元素可继承的：
list-style、list-style-type、list-style-position、list-style-image
更多相关技术内容咨询欢迎前往并持续关注六星社区了解详情。
如果你想用Python开辟副业赚钱，但不熟悉爬虫与反爬虫技术，没有接单途径，也缺乏兼职经验
关注下方微信公众号：Python编程学习圈，获取价值999元全套Python入门到进阶的学习资料以及教程，还有Python技术交流群一起交流学习哦。
- 发表于 2021-05-17 11:08
- 阅读 ( 693 )
- 分类：WEB前端开发
