Selector 選擇器
<footer id="layout-footer" class="myclass">
<address>OOXX</adress>
</footer>
種類
universal 通用選擇器
* {...}
ID 選擇器
#layout-footer {...}
class 類型選擇器
.myclass {...}
type 型態選擇器
footer {...}
child 子選擇器
footer > address {...}
descendant 後代選擇器
footer address {...}
attr 屬性
:invalid {
background-color: grey;
}
常見錯誤的使用
錯誤一
footer + address {...}
錯誤二
footer >> address {...}
錯誤三
footer ~ address {...}
更多範例
li:nth-child(4n){
margin-right:0px;
}