h5与c3权威指南笔记--css3新属性选择器

文章地址 https://www.cnblogs.com/sandraryan/

[att*=val] 选择所有att属性值中包含val的。只要包含val值，不论val值在属性值的前面还是中间还是后面~

<style>
    div[class*=div]{
        color: red;
    }
</style>
<body>
    <div class="div1">div1</div>
    <div class="div1.2">div1.2</div>
    <div class="hhhdiv1">hhhdiv1</div>
</body>
效果 ：都变红

[att^val] att属性值中以val开头的所有。

    <style>
    div[class^=div1]{
        color: red;
    }
    </style>

<body>
    <div class="div1">div1</div>
    <div class="div1.2">div1.2</div>
    <div class="hdiv1">hdiv1</div>
</body>
效果：前两个变红

[att$=val] att中以val结尾的属性值

  <style>
    div[class$=div1]{
        color: red;
    }
    </style>

<body>
    <div class="div1">div1</div>
    <div class="div1.2">div1.2</div>
    <div class="hdiv1">hdiv1</div>
效果：第一，三div变红
【推广】 免费学中医，健康全家人
原文地址：https://www.cnblogs.com/sandraryan/p/10749549.html