找到父级元素中所有的子元素,再找第一个 子元素是p标签
p:first-child{
background-color: aqua;
}
找到所有的子级元素,2. 如果最后一一个 子元素是p标签,设置样式
p:last-child{
background-color: chartreuse;
}
找到所有的子元素,再找到第.个子元素,再判断第二个子元素是不是p标签
p:nth-child(2n){
font-size: 55px; //注意:如果是N的话就是所有的意思,2N就是2的倍数
}
首行特殊样式
p::first-line{
color: red;
}
在P标签前面添加元素
p::before{
content: '每天起床第一句,先给自己打个气';
font-size:22px;
}
``
标签class以h结束
p[class$='h']{
color: darkolivegreen;
}
text-shadow:水平偏移量 垂直偏移量 模糊距离 阴影颜色
text-shadow: 2px 2px 2px #000000;
自定义字体
@font-face {
font-family:zy;
src:url(字体完整的路径);
}
缩放
transform:scale(2.0.5);
旋转
transform: rotate(70deg);
倾斜
transform: skew(30deg)