h5c3基础

高级选择器

1.找到父级元素中所有的子元素，再找第一个子元素是p标签:

 p:first-child {
            background-color: pink;
        }

 

2.找到所有的子级元素，2.如果最后一个子元素是p标签，设置样式

p:last-child {
            background-color: yellow;
        }

 

3.找到所有的子元素，再找到第二个子元素，再判断第二个子元素是不是p标签

p:nth-child(2n) {
            font-size: 66px;
        }

 

4.先找到所有所有的p标签，再找到第一个p标签设置样式

p:first-of-type {
            background-color: red;
        }

 p:last-of-type {
            font-weight:700;
        }

2d变形:

transform-origin:变换的原点

transform: translate:平移

 scale:水平缩放倍数，垂直缩放倍数（整数和小数）

transform: rotate:旋转

transform: skew:倾斜