<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<style>
/*.div1{*/
/*font-size: 45px;*/
/*}*/
/*.div2{*/
/*color:red;*/
/*}*/
/*3.选取其中之一 class~='div2'*/
/*[class~='div1']{*/
/**/
/*}*/
/*4.匹配以class='div1'开始的*/
/*[class^='div1']{*/
/*color:yellow;*/
/*}*/
/*5.匹配以class='div1'结束的*/
/*[class$='div1']{*/
/*color:red;*/
/*}*/
/*6 匹配属性里有'v1' 的*/
[class*='v1']{
color:blanchedalmond;
}
</style>
</head>
<body>
<div class="div1 div2">hello div1,div2</div>
<div class="div1">div1</div>
<p class="div2">hello ptag</p>
<div class="div2 div1">hello div2,div1</div>
</body>
</html>