CSS选择符类型

1、类型选择符:

就是HTML文档中的元素[作用于html标记]

如:p{属性:值}

2、类选择符:可以自己定义样式,应用于一个或多个网页元素,类在网页中可以出现多次,用于定义重复的样式。类以英文“.”开头,后面的名字自己定义,类定义后还需要在网页中加入class=类名称,加以调用。

如: .warning {属性:值}

<p class=“warning”>……</p> 

3、ID选择符:与类基本相似,只是以英文“#”开头,因为ID具有唯一性,所以在网页中只能出现一次,用于定义只出现一次的样式。

如:#main {属性:值}

<p id=“warning”>……</p> 

4、通配选择符:* {属性:值},用于定义所有元素

5、包含选择符:语法e1 e2 {属性:值},

含义是所有被e1包含的e2,

如:table td {属性:值}

同时给某个元素应用多个类与ID

<p class=“a1  a2” id=“a6”>……</a>

6、选择符分组:将同样的样式定义用于多个选择符,选择符之间用逗号分隔。如:p,div,.waring {属性:值}

7、标签指定式选择符:如果既想使用id或class,也想同时使用标签选择符

h1#content{} 表示针对所有id为content的h1标签

h1.p1{} 表示针对所有class为p1的h1标签

8、组合选择符:将以上选择符进行组合使用

h1 .p1{}表示h1标签下的所有class为p1的标签

h1 .p1,#content h1{}

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值