css选择器

1.css选择器

在 CSS 中,选择器是一种模式,用于选择需要添加样式的元素。
当我们需要使用css对HTML页面中的元素实现一对一，一对多或者多对一的控制，这就需要用到CSS选择器。HTML页面中的元素的样式就是通过CSS选择器进行控制的。

我们常用的选择器有：

1、标签名选择器：通过标签的名称找到指定标签
格式：元素名{ }
2、类选择器：通过标签的class属性值选中指定标签,多个标签可以有相同的class值
格式：.d1{ }
3、id选择器：通过id找到标签，一个html文件中id不能重复
格式： #id{}
4、派生选择器（后代选择器）：类似于路径，找到符合要求的标签，会匹配所有的后代标签
格式： ul li a{} #id li a{}
5、子元素选择器：和后代类似，但是只能获得子元素
格式： ul>li>a{}
6、分组选择器：可以将多种选择器结合到一起使用，用来统一设定样式
格式: h1,h2,#abc,.m{ }
7、伪元素选择器 ：用于创建一些不在DOM树中的元素，并为其添加样式
::after  选取指定选择器的首行
::before
::first-letter  用于选取指定选择器的首字母
::first-line  选取指定选择器的首行
::selection
::placeholder
8、相邻同胞选择器 ： 选择紧接在.one 之后的所有.two元素 
格式 ： .one+.two
========================css3新增=============================
9、伪类选择器：元素处于某种状态时为其添加对应的样式，状态分为以下几种：
link 表示元素未被点击时的状态
hover 表示鼠标悬停时的状态  #id:hover{ }
active 表示元素被点击时的状态
visited 表示元素被点击后的状态格式： 
:focus ：选择具有焦点的
:first-child：父元素的首个子元素
10、属性选择器 ： 选择带有某一个属性的元素 
[attribute] 选择带有attribute属性的元素
[attribute=value] 选择所有使用attribute=value的元素
[attribute~=value] 选择attribute属性包含value的元素
[attribute|=value]：选择attribute属性以value开头的元素
11、层次选择器（p~ul），选择前面有p元素的每个ul元素

点击查看更多

2.优先级

优先级一般是按 一下顺序排列的 ：
内联 > ID选择器 > 类选择器 > 标签选择器
如果我们想要某一个元素的外部样式权重最高 也就是覆盖其他同类样式的话 可以在属性后面加上 !important

3.继承属性

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

1、字体系列属性
font:组合字体
font-family:规定元素的字体系列
font-weight:设置字体的粗细
font-size:设置字体的尺寸
font-style:定义字体的风格
font-variant:偏大或偏小的字体
2、文本系列属性
text-indent：文本缩进
text-align：文本水平对刘
line-height：行高
word-spacing：增加或减少单词间的空白
letter-spacing：增加或减少字符间的空白
text-transform：控制文本大小写
direction：规定文本的书写方向
color：文本颜色
3、元素可见性
visibility
4、表格布局属性
caption-side：定位表格标题位置
border-collapse：合并表格边框
border-spacing：设置相邻单元格的边框间的距离
empty-cells：单元格的边框的出现与消失
table-layout：表格的宽度由什么决定
5、列表属性
list-style-type：文字前面的小点点样式
list-style-position：小点点位置
list-style：以上的属性可通过这属性集合
6、引用
quotes：设置嵌套引用的引号类型
7、光标属性
cursor：箭头可以变成需要的形状

继承中比较特殊的几点：
a 标签的字体颜色不能被继承
h1-h6标签字体的大下也是不能被继承的

参考文献

链接1
链接2