CSS选择符有哪些？哪些属性可以继承？优先级算法如何计算？
🌙
手机阅读
本文目录结构
CSS选择符有哪些
- id选择器（ # myid）
- 类选择器（.myclassname）
- 标签选择器（div, h1, p）
- 相邻选择器（h1 + p）
- 子选择器（ul < li）
- 后代选择器（li a）
- 通配符选择器（ * ）
- 属性选择器（a[rel = “external”]）
- 伪类选择器（a: hover, li: nth - child）
可以继承
可继承： font-size、 font-family 、color、 UL 、LI DL DD DT;
不可继承
不可继承 ：border padding margin width height ;
优先级算法
1）、优先级就近原则，样式定义最近者为准;
2）、载入样式以最后载入的定位为准;
优先级为: 从样式选择器看权重优先级：important > 内嵌样式 > ID > 类 > 标签 | 伪类 | 属性选择 > 伪对象 > 继承 > 通配符；
important 比 内联优先级高，但内敛比id要高；
CSS3新增伪类举例
- p:first-of-type 选择属于其父元素的首个
<p>元素的每个<p>元素。 - p:last-of-type 选择属于其父元素的最后
<p>元素的每个<p>元素。 - p:only-of-type 选择属于其父元素唯一的
<p>元素的每个<p>元素。 - p:only-child 选择属于其父元素的唯一子元素的每个
<p>元素。 - p:nth-child(2) 选择属于其父元素的第二个子元素的每个
<p>元素。 - :enabled :disabled 控制表单控件的禁用状态。
- :checked 单选框或复选框被选中。
更多面试题
如果你想了解更多的前端面试题，可以查看本站的WEB前端面试题 ,这里基本包涵了市场上的所有前端方面的面试题，也有一些大公司的面试图，可以让你面试更加顺利。
| 面试题 | ||
|---|---|---|
| HTML | CSS | JavaScript |
| jQuery | Vue.js | React |
| 算法 | HTTP | Babel |
| BootStrap | Electron | Gulp |
| Node.js | 前端经验相关 | 前端综合 |
| Webpack | 微信小程序 | - |
这些题库还在更新中，如果你有不错的面试题库欢迎分享给我，我整理后放上来；人人为我，我为人人，互帮互助，共同提高，祝大家都拿到心仪的Offer！
