【推荐】2019 Java 开发者跳槽指南.pdf(吐血整理) >>> 
1、CSS选择器
伪元素可以用来选择元素的某些部分，这些部分可能不便于包围在<div>或<span>中，也不方便其他方法来选择。例如:first-letter伪元素可以用来选择一个块元素中文中的第一个字母，这样就能创建诸如首字母大写和首字母下沉等效果。用:first-line伪元素选择段落第一行。
p:first-letter{
}
p:first-line{
}
属性选择器根据属性值选择元素：
img[width] 会选择所有包含width属性的图像；
img[height="300"]选择height属性值为300的所有图像；
img[alt~="flowers"]选择alt属性包含单词flowers的所有图像。
按兄弟选择：
只选择前面有一个<h1>元素的段落：
h1+p 加号后面紧跟兄弟元素。
2、CSS变换和过度：
transform: rotate(45deg); 旋转45度。
transition: transform 2s; 指定变换时间为两秒。
来源：oschina
链接：https://my.oschina.net/u/2453016/blog/729279