class="",这个的不同是,里面的值可以是重复的。他可以提高html里面的代码的结构,减少代码的重复率
b这一类的元素都是a的同级元素并且是a元素之后的就可以a:hover~b{....}
完美解决 ,经测试!
附上我自己的代码:
ul li a img:hover ~h3 {padding-bottom: 10px
color: #25AAFF!important
border-bottom: 2px solid #25AAFF
}
.content:first{...}.content:nth-child(1){...}
CSS3 :nth-child() 选择器
:nth-child(n) 选择器匹配属于其父元素的第 N 个子元素,不论元素的类型。n 可以是数字、关键词或公式。
CSS :first-child 选择器
:first-child 选择器用于选取属于其父元素的首个子元素的指定选择器。