css选择器
常用选择器
标签选择器:在样式表中使用元素标签,比如div,权重1分。
类选择器:设置元素的class属性,在样式表中以英文句号.
开头,权重10分。
ID选择器:设置元素的id属性,在样式表中以#
号开头,权重100分。
行内样式:比如<div style="color: red"></div>
,权重1000分。
伪类选择器:加载选择器后用来指定元素状态的关键字。
特指度相同时后一个出现的样式覆盖前面的样式。在样式后使用!import会忽略特指度。
基于关系的选择器
A E
:选择A的任一后代元素E。
A > E
:选择元素A的直接子代元素(直系)。
E:first-child
:选择任意一个是其父元素的第一个子元素的节点。
B + E
:元素B的下一个兄弟元素E。
B ~ E
:B元素后面拥有共同父元素的兄弟元素E,所有匹配的元素E,这是一个波浪号。
*
:匹配任意元素。
~ *
:a ~ *
选择a标签之后的所有元素。
- 本文链接:https://dowob.cn/2019/07/23/css%E9%80%89%E6%8B%A9%E5%99%A8/
- 版权声明:本站所有文章除特别声明外,均采用 CC BY-NC-SA 3.0 CN 许可协议。转载请注明出处!