首页 > 技术文章 > css3选择器---属性选择器

qianxunpu 2018-01-18 13:55 原文

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;
        }

表现效果

 

 

 

推荐阅读