CSS选择符

1。通配符选择符
在编写代码时,用“*”表示通配符选择符,其作用是定义页面所有元素的样式。

*{margin:0px;
  padding:0px;
}

2。类选择符
类选择符通过直接引用元素中类属性的值而产生效果,这个应用前面总是有一个句点“.”,这个句点用来标识一个类选择符,类名可以随意命名,但最好根据元素的用途来定义一个有意义的名称。

.dreamdu-red-font{color:red;}
<div class="dream-red-font"> 红 色 字 体 </div> 

3。ID选择符
ID选择符与类选择符极其相似,类选择符是以“.”开头,而ID选择符是以“#”开头。对于一个HTML文档来说,其中的每一个标签都可以使用id=“”的形式进行一个名称指派,但需要注意,在一个HTML文件中id是具有唯一性是不可以重复的。

#font-red{color:red;}
<div id="font-red">红色字体</div>

优先级:ID选择符>类选择符>通配符
4。包含选择符:
如果用户想对某个对象中的子对象进行样式指派,包含选择符就能发挥了作用。包含选择符又称为后代选择符,因为该选择符是作用于某个元素中的子元素的,且不仅限于两层标签元素。
5。群组选择符:
群组选择符使用逗号对选择符进行了隔离,这样书写的优点在于同样的样式只需书写一次,减少了代码量,有利于改善CSS的代码结构。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值