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 /*内容*/

注释

  • 发表于:
  • 原文链接https://kuaibao.qq.com/s/20180828G0TI4900?refer=cp_1026
  • 腾讯「云+社区」是腾讯内容开放平台帐号(企鹅号)传播渠道之一,根据《腾讯内容开放平台服务协议》转载发布内容。
  • 如有侵权,请联系 yunjia_community@tencent.com 删除。

同媒体快讯

扫码关注云+社区

领取腾讯云代金券