给多个选择器添加同样的css样式效果作用:优化代码,减少重复。
将所有需要添加样式效果的选择器名称以及符号都在一起,使用逗号做间隔,之后使用{},在其中添加需要的样式 1,任何类型的选择器都可以写成群组选择器形式 2,最后一个选择器之后,不要添加逗号 每个标签两个选择器一个负责不同的属性效果背景颜色。一个负责 相同的属性效果宽度高度
通过已有选择器的标签,给其他标签添加css样式效果
通过已有选择器的父级标签,给嵌套其中的子级或者後代标签,指定css样式效果,
父子选择器:给已有选择器标签之中的子代标签添加样式效果选择器 > 添加样式对象
<!-- 通过父级选择器,给子级标签添加样式效果 -->
<!-- 父子,后代选择器的应用 1,父子,后代选择器可以实现多级别嵌套 2,父子,后代选择器可以实现联合应用
后代选择器:给已有选择器标簽之中的子代标签以及后代添加样式效果,选择器 (空格) 添加样式的对象
对子级标签,以及后代标签,都会起作用
相邻兄弟选择器:给已有选择器标签之后,相邻的一个平级标签添加样式选择器 + 添加样式对象
一般兄弟选择器:给已有选择器标签之后,所有的平级标签添加样式,选择器 ~ 添加样式对象
所有主流浏览器均支持 :disabled 选择器除了 IE8 及更早的版本。
:disabled 选择器匹配每个被禁用的元素(大多用在表单元素上)
为所有已禁用的 input 元素设置背景色: