交集选择器
•条件
交集选择器由两个选择器构成,找到的标签必须满足:既有标签一的特点,也有标签二的特点。
•语法:
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 属性来指定要插入的内容。