CSS拥有的CSS选择符有如下。

1、id选择器（#myid）

2、类选择器（.myclassname）

3、标签选择器（div，h1，p）

4、相邻选择器（h1+p）

5、子选择器（ul>li）

6、后代选择器（li a）

7、通配符选择器（*）

8、属性选择器（a[rel="external"]）

9、伪类选择器（a:hover,li:nth-child）

一、ID选择器

语法：#myid

说明：1、用于定义唯一ID属性值元素样式；2、格式：#选择符名称{样式列表}；3、选择符名称必须和元素ID属性值完全相同，且区分大小写。

二、类选择器

语法：.className

说明：1、用于选择特定类选择器；2、可以选择一个或以上的类选择；3、区分大小写。

---

可继承的样式

font-size、font-family、color、text-indent

不可继承的样式

border、padding、margin、width、height

优先级

优先级采用就近原则，同权重情况下样式定义以最近者为准

载入样式

载入样式以最后载入的定位为准

---

优先级

!important > id > class > tag

!important 比内联优先级高，但内联比id要高。

---

CSS 3新增伪类举例

P:first-of-type 选择属于其父元素的首个 <p> 元素的每个 <p> 元素 

p:last-of type选择属于其父元素的最后 <p> 元素的每个 <p> 元素

p:only-of-type选择属于其父元素唯一的 <p> 元素的每个 <p> 元素

p:only-child 选择属于其父元素的唯一子元素的每个 <p> 元素

p:only-child(2)选择属于其父元素的第二个子元素的每个 <p> 元素

:enabled :disabled 控制表单控件的禁用状态

:checked 单选框或复选框被选中

---

---

---

学习一门技能，就是一个自我成长的过程。我们必须经过反复练习和重重挫折，最终强壮起来。

这个过程如果是成长，那么一定就是让自己满足的。

时代在变化。如果有不变的东西，那就是变化本身。

变化是我们时代的主旋律，我们也处在互联网巨变的前夜。

保持自己改变的精神，是未来的第一竞争力。

如果可以，请你和我同行！！一起探索互联网知识的边界！

——950307435—— 前端开发学习工作小屋——扫一扫，我们结伴而行——