css 常见选择器

标签选择器:

标签名{样式声明},标签选择器会选出来页面上所有这种类型的标签

ID选择器:

#ID名{样式声明},ID是HTML标签的一个属性,可以给标签赋予ID结合ID选择器,在css中去声明样式

其中,任何的HTML标签都可以有ID,但是ID也有命名规范:

1、只能有数字、字母和下划线

2、必须以字母开头

3、不能与标签同名

4、不能出现重复的ID名

类选择器

类class是每个标签都有的属性,可以把需要相同样式的标签赋予相同的类名,结合类选择器声明样式,很灵活

.类名{样式声明}

其中,一个标签的类可以有多个,用空格隔开即可

通配符选择器

*{样式声明}

通配符选择器可以匹配页面上的所有标签,可以用来清除某些元素自带的外边距和内边距。但是在标签过多的时候可能会降低效率

后代选择器

可以选择父元素中的某一类子元素,外层标签写在前面,内层标签写在后面,中间用空格隔开

A B{样式声明}

表示给A标签中的所有B标签声明样式

子选择器

和后代选择器类似,但如果不想选择任意的后代元素,就可以使用子选择器,子选择器只会选择最近一级的子元素,简单来说就是只能选出来儿子级别的,不能选孙子和更往下级别的标签

A>B{样式声明}

并集选择器

通过英文逗号同时选择出多组标签,常用于集体声明

元素1,元素2{样式声明}

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容