CSS选择符

CSS选择符

内容

选择符/选择器表示要定义样式的对象，可以是元素本身，也可以是一类元素或者制定名称的元素

常用的选择符有

类型选择符，id选择符，class选择符，通配符，群组选择符，包含选择符，伪类选择符，伪对象选择符

元素/类型选择符

语法

元素名称

说明

1.element选择器就是以文档语言对象类型作为选择符，即使用结构中元素名称作为选择符，例如body,div,p,em

2.所有页面元素都可以作为选择符

用法

1.如果想改变某个元素的默认样式时，可以使用类型选择符

2.当统一文档某个元素的显示效果，可以使用类型选择符

id选择器

语法

#id名

说明

1.当使用id选择器时，应为每个元素定义个id

2.id选择符语法格式是“#”加上自定义的id名

3.起名要取英文名，不能用关键字（所有标记和属性）

4.一个id名只能对应文档中一个具体的元素对象，因为id只能定义页面中某个唯一的元素对象

5.最大的作用，创建网页的外围结构

class选择器

语法

.class名

说明

1.当使用class选择器时，应为每个元素定义个类名称

2.类选择符语法格式是

3.适合定义一类样式

*通配符

语法

*

说明

1.通配符选择符的写法是“*”，其含义是所有元素

用法

1.常用来重置样式

群组选择器

语法

选择符1，选择符2，选择符3

说明

1.当有多个选择符应用相同样式时，可将选择符用“.”分隔方式，合并为一组

包含选择符

语法

选择符1 选择符2

说明

1.选择符1和选择符2用空格隔开，含义是选择符1中包含的所有选择符2

伪类选择器

语法

a:link 初始

a:visited 被访问后

a:hover 划过时

a:active 被激活时

说明

1.顺序 a:link a:visited a:hover a:active

2.简化代码 a a:hover表示3种状态都相同，只有鼠标滑过变色

子选择器

语法

选择符1>选择符2

说明

1.只对选择符1下的子选择符2起作用

选择符

的

权重

选择符

权重

类型选择符

0001

class

0010

id

0100

子选择符

0000

属性

0010

伪类

0010

伪元素

0010

包含

包含选择符权重之和

内联

1000

继承

0000

群组

它们各自本身的权重

Tips

html

CSS /*内容*/

注释