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; 指定变换时间为两秒。