css选择器、优先级、

目录

选择器

常用选择器

伪类选择器

伪元素

优先级

继承

可继承

字体系列属性

 文本系列属性

 元素可见性

 表格布局属性

列表属性 

 光标属性

无继承的属性

---

选择器

常用选择器

• id选择器（#box），选择id为box的元素

• 类选择器（.one），选择类名为one的所有元素

• 标签选择器（div），选择标签为div的所有元素

• 后代选择器（#box div），选择id为box元素内部所有的div元素（包括子、孙等）

• 子选择器（.one>one_1），选择父元素为.one的所有.one_1的元素（只包括子选择器）

• 相邻同胞选择器（.one+.two），选择紧接在.one之后的所有.two元素

• 群组选择器（div,p），选择div、p的所有元素

伪类选择器

：link 未访问链接的状态

：visited 访问过的状态

：hover 悬浮在元素上方的状态

：focus 元素聚焦的状态

伪元素

：before 在被选择的元素前面插入内容

：after 在被选择的元素后面插入内容

优先级

！important（无穷）>行内（1000）>id选择器（100）>类选择器（10）>标签选择器（1）

继承

在css中，继承是指的是给父元素设置一些属性，后代元素会自动拥有这些属性

可继承

字体系列属性

font:组合字体
font-family:规定元素的字体系列
font-weight:设置字体的粗细
font-size:设置字体的尺寸
font-style:定义字体的风格
font-variant:偏大或偏小的字体

 文本系列属性

text-indent：文本缩进
text-align：文本水平对刘
line-height：行高
word-spacing：增加或减少单词间的空白
letter-spacing：增加或减少字符间的空白
text-transform：控制文本大小写
direction：规定文本的书写方向
color：文本颜色

 元素可见性

visibility

 表格布局属性

caption-side：定位表格标题位置
border-collapse：合并表格边框
border-spacing：设置相邻单元格的边框间的距离
empty-cells：单元格的边框的出现与消失
table-layout：表格的宽度由什么决定

列表属性 

list-style-type：文字前面的小点点样式
list-style-position：小点点位置
list-style：以上的属性可通过这属性集合

 光标属性

cursor：箭头可以变成需要的形状

光标属性继承中比较特殊的几点：

• a 标签的字体颜色不能被继承

• h1-h6标签字体的大下也是不能被继承的

无继承的属性

• display

• 文本属性：vertical-align、text-decoration

• 盒子模型的属性：宽度、高度、内外边距、边框等

• 背景属性：背景图片、颜色、位置等

• 定位属性：浮动、清除浮动、定位position等

• 生成内容属性：content、counter-reset、counter-increment

• 轮廓样式属性：outline-style、outline-width、outline-color、outline

• 页面样式属性：size、page-break-before、page-break-after