1.:after 其作用是在选择元素的后面加上content的内容
a[href]:after {
content: " (" attr(href) ")";
}
<a href="abc">qwe</a>
运行结果:
2.A>B 表示选择A元素的所有子B元素。
与A B的区别在于,A B选择所有后代元素,而A>B只选择一代。
与A B的区别在于,A B选择所有后代元素,而A>B只选择一代。
3. :hover>obj
.classA:hover:classB{
background:#fff;
}
当鼠标在classA上面悬停的时候classB的背景色变为白色
4.@
@是CSS的一种选择符,它有很多应用场景的,最常用的使用场景是用来引用其他的CSS文件,是以@import开始的,例如想在main.css里面应用style.css,那么直接用@import style.css就可以了。 此外,还有一种使用场景是媒体选择,它是以@media开始的,表示在不同媒介条件下的样式,当你想做响应式的页面布局时,例如希望当浏览器的宽度小于1000px时,网页背景变成黑色,就可以用下面的方法: @media screen and (max-width: 1000px) { body {background;black} } 当你希望用打印机打印网页时呈现某种样式,就可以用@media print 的方法来定义。