前端基础学习笔记 CSS选择器

选择器

标签选择器

通过标签名字选择

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{}   多元素选择器

选择器不能从内往外，不能从下往上选。