CSS3新特性——属性选择器，结构伪类选择器，伪类选择器

CSS3新特性

一. CSS3新增选择器

1 . 属性选择器[ ]

属性选择器与类选择器权重都是10

div[class^=ioc]{
color: red;
}

sdafcsc

dfssdcs

dfssdcs

dfssdcs

2.结构伪类选择器

根据文档：父元素里面选择子元素


E: nth-child():（）
里面可以为数字
可以为关键字even偶数 odd奇数
）

ul li:first-child {
background-color: pink;
}

    ul li:last-child {
        background-color: aqua;
    }

    ul li:nth-child(3){
        background-color: blue;
    }
 <ul>
    <li>1</li>
    <li>2</li>
    <li>3</li>
    <li>4</li>
    <li>5</li>
 </ul>

3. 伪类选择器 (重点）（与标签选择器一样权重为1）（用它来清除浮动应用）

 利用CSS创建新标签，但不需要HTML标签，从而简化我们的HtML结构

before和after创建一个元素，属于行内元素（在HTML中是找不到的）
语法：element::before(盒子内部前面）里面必须有content内容
div::before{
/必须有content/
content: ‘wsefdefv’;
}