1. E F 匹配 E 元素下所有的子元素 F (後代選擇器)
eg:
CSS
.box a{
color: red;
}
匹配 .box 下所有的子元素 a
2. E > F 匹配 E 元素下第一級子元素 F (子選擇器)
eg:
CSS
.box>a{
color: red;
}
匹配 .box 下第一級子元素 a
3. E + F 匹配 E 元素後面緊鄰的哪一個 F 元素(有且僅有一個)(相鄰兄弟選擇器)
eg:
CSS
.box+h1{
color: red;
}
匹配 .box 後面緊鄰的那一個h1元素
4. E ~ F 匹配 E 元素後面所有的 F 元素(可以匹配到多個)(通用兄弟選擇器)
eg:
CSS
.box~h1{
color: red;
}
匹配 .box 後面所有的 h1 元素
前端共享博客 http://shredblog.cn
網站建設 http:://iqzhan.com