选择器
标签选择器
通过标签名字选择
id选择器
通过id名字选择标签,id名唯一。
命名规则:
1、见名知意,看到名字就知道这个标签的一个作用。
2、不能用拼音,不要用中文,也不能数字开头,也不要用特殊符号。
3、建议英文小写开头。
4、-符号连词 _(不建议使用_)searchBar驼峰命名,也不建议使用。
5、不允许命名带有广告等英文的单词,例如ad,adv,adver,advertising,以防止该模块被浏览器当成垃圾广告过滤掉。
类名选择器
类名class 可以重复,并且可以多个,相同的类名可以控制相同的样式,不同的类名可以控制不同的样式。
选择器选择范围越小,优先级越高。
优先级越高,覆盖越强。
优先级一样,下面覆盖上面相同属性。
id>class>tagName(标签)
通配符选择器
*{}选中页面中所有标签
存放位置的优先级:行内样式>内部样式=外部样式
组合选择器
p span{} 后代选择器
div>span{} 子元素选择器,选中div元素的子元素span
p+span{} 比邻元素选择器,选中p元素下面的一个兄弟元素span
p~span{} 兄弟元素选择器,选中p元素下面的所有兄弟元素span
p,a,span{} 多元素选择器
选择器不能从内往外,不能从下往上选。