## CSS选择器
![](https://img.kancloud.cn/67/b6/67b6f0874fd543f84d426f896950a757_2028x948.png)
#### 选择器补充
1. 相邻兄弟选择器:只选择一个兄弟元素
2. 通用兄弟选择器:选择所有匹配的兄弟元素
*****
1. 伪类选择器:两个点的为伪类选择器( : )
* :only-child -- 没有任何兄弟元素的元素
* :only-of-type -- 没有任何相同类型的兄弟元素的元素
* :optional / :required -- 有或没有required属性的<input>,<select>,<textarea>元素
* :checked -- 处于选中状态的radio,checkbox select的option元素
* :default -- 表示一组相关元素中的默认表单元素,比如默认添加了checked的radio元素
* :in-range / :out-of-range -- 表示input元素min-max限定值内外
* :read-only / :read-write -- 元素可与不可被用户编辑的状态,包括input和p等其它元素,contenteditable为true可编辑,无些属性则为不可编辑
* :disabled
* :first-child -- 兄弟元素中的第一个元素,第一个元素为其它标签时无效
* :last-child -- 父元素的最后一个子元素,最后一个元素为其它标签时无效
* :empty -- 什么都没有的空元素,只能有注释,空格不允许有
- HTML
- CSS
- DOM
- 性能优化-图片
- 1-代码质量
- 2-对象基础知识
- 3-数据类型
- 业务系统100问
- 1.1 如何知道系统有更新并进行刷新
- 1.2 前端与后端密码传输是如何加密的
- 头条面试100问
- 1.43如何实现一个圆形的点击区域
- 1.44实现1px在不同的浏览器模式下呈现一致
- 1.45title与h1的区别
- 1.47Canvas与SVG的区别
- 1.48网页验证码是干嘛的,是为了解决什么安全问题
- 1.49渐进增强和优雅降级的定义
- 1.51对web标准、可用性、可访问性的理解
- 1.52IE各版本和Chrome浏览器同时可下载的数量是多少
- 1.57css reset和normalize.css有什么区别
- 1.58用于预格式化文本的标签
- 1.60header标签中必不可少的标签是什么
- 1.62html5中哪个方法用来获取用户的当前位置
- 1.64disabled和readonly有什么区别
- 1.65主流浏览器的私有css属性前缀分别是什么
- 1.66前端性能优化
- 1.67Chrome中的waterfall
- 1.69html规范中要求资源不加协议头http或https
- 头条CSS面试100问
- 2.1头条面试CSS100问
- 2.3::before和:after中双冒号和单冒号有什么区别
- 2.5CSS中哪些属性是可以继承的
- 2.9如何居中div
- 2.14用纯CSS创建三角形的原理是什么
- 2.15一个满屏品字布局如何实现
- 2.16CSS如何实现多列等高布局
- 2.18li标签与li标签之间有看不见的空白间隔是什么原因引起的?有什么解决方案?
- 2.19为什么要进行CSS初始化
- 数据结构与算法