css-id選擇器
阿新 • • 發佈:2018-06-23
In 當前 層級 idt lang family name ava id選擇器
<!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選擇器