css属性选择器

1.6.7 class^=,class*= ,class$= 的含义

1.6.7 class^=,class*= ,class$= 的含义

 

一、[class^="something"]{ }

意思：是已something开头的class类选择器名。

列子：<div class="something-elest-class"></div>

 

二、[class*="something"]{ }

意思：查找只要包含something的选择器名

列子：<div class="-something"></div>

 

三、[class$="something"]{ }

意思：指已something结尾的class类选择器名。

列子：<div class="you-are-something"></div>

 

.test1.test2{}表示div的class选择器名同时包含test1和test2
列子：<div class="test1 test2"></div>