混合选择器

交集选择器
•条件
交集选择器由两个选择器构成,找到的标签必须满足:既有标签一的特点,也有标签二的特点。
•语法:
h3.class{color:red; font-size:25px;}
• 其中第一个为标签选择器,第二个为class选择器,两个选择器之间不能有空格,如h3.special。用的相对来说比较少 不太建议使用

并集选择器
•应用:如果某些选择器定义的相同样式,就可以利用并集选择器,可以让代码更简洁。
•并集选择器(CSS选择器分组)是各个选择器通过,连接而成的,通常用于集体声明。
•语法:.class, h3 {color: red; font-size:25px;}
• 任何形式的选择器(包括标签选择器、class类选择器id选择器等),都可以作为并集选择器的一部分。
• 记忆技巧:并集选择器通常用于集体声明 ,逗号隔开的,所有选择器都会执行后面样式,逗号可以理解为和的意思。

伪类选择器
• 伪类选择器都是以" : "开头的选择器。
1.伪类选择器之hover
:hover 一般用于链接中,当把鼠标悬浮在带有该选择器的元素或者链接上时触发特定效果

2.伪类选择器之first-child
①first-child:选择第一个子元素
②last-child:选择最后一个子元素
③nth-child(n):选择第n个子元素

3.伪类选择器之beforeAndafter
①:before 选择器在被选元素的内容前面插入内容。
②:after 选择器在被选元素的内容后面插入内容。
要使用 content 属性来指定要插入的内容。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值