css3选择器---属性选择器

css3自定义属性

dom结构

<p miaov="bleo older">leo</p>
<p miaov="bdp">杜鹏</p>
<p miaov="bzM">子鼠</p>
<p miaov="gxm">小美</p>

css清单：

 p{
            height:30px;
            border:1px solid #8ec63f;
        }
        p[miaov]{  /**自定义属性*/
            background-color: #0099cc;
        }
        p[miaov=dp]{  /**自定义属性*/
            background-color:red;
        }
        p[miaov~=leo]{  /**当属性有多个值的时候*/
            background-color: #ffed53;
        }

表现效果