<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<!--<link rel="stylesheet" href="xx.css">-->
<style>
/*#i1{*/
/*height: 100px;*/
/*weidth:100px;*/
/**/
/*}*/
/*.c1{*/
/*height: 100px;*/
/*weidth:100px;*/
/**/
/*}*/
/*div{*/
/*height: 100px;*/
/*weidth:100px;*/
/**/
/*}*/
/*div span{*/
/**/
/*}*/
/*.c2 span{*/
/**/
/*}*/
/*#i2 span{*/
/**/
/*}*/
/*#i3,#i4,#i5{*/
/**/
/*height: 100px;*/
/*weidth:100px;*/
/*}*/
/*.c1{*/
/**/
/*height: 100px;*/
/*weidth:100px;*/
/*}*/
div[name=‘dsx‘]{
background-color: navajowhite;
}
</style>
</head>
<body>
<!--id选择器 一个htmL页面中 不可以存在相同的id id以#来定位-->
<!--<div id="i1"></div>-->
<!--class选择器 以点来定位-->
<!--<div class="c1"></div>-->
<!--标签选择器 当前html页面的所有div都会受到影响-->
<!--<div></div>-->
<!--<div></div>-->
<!--<div></div>-->
<!--标签层级选择器-->
<!--<div>-->
<!--<span>大师兄</span>-->
<!--</div>-->
<!--class 层级选择器-->
<!--<div class="c2">-->
<!--<span>大师兄</span>-->
<!--</div>-->
<!--id层级选择器-->
<!--<div id="i2">-->
<!--<span>大师兄</span>-->
<!--</div>-->
<!--<div id="i3"></div><br>-->
<!--<div id="i4"></div><br>-->
<!--<div id="i5"></div>-->
<!--<div class="c1"></div><br>-->
<!--<div class="c1"></div><br>-->
<!--<div class="c1"></div>-->
<div name="dsx">2222</div>
</body>
</html>
原文：https://www.cnblogs.com/jiadan/p/9215908.html