文章地址 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变红