前端基础学习笔记 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{}   多元素选择器

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

猜你喜欢

转载自blog.csdn.net/weixin_41732430/article/details/84396331
今日推荐