<!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>
css-id选择器
原文地址：https://www.cnblogs.com/jiadan/p/9215908.html