css3新增選擇器有那些,css3選擇器怎么選擇第3個?
li:nth-child(3n+0)
{
background:#ff0000;
}
表示樣式類選擇器的代碼是?
1:標簽選擇器
標簽選擇器,是所有帶有某種標簽的都生效。這里以p為例,也就是所有的帶有p標記的都會這樣的樣式
復制代碼代碼如下:
<html><head><styletype="text/css">p{font:"宋體"; color:#FF0000}</style></head><body><pid="p1">我現在表現的是標簽選擇器</p><pid="p2">我也用的是標簽選擇器</p><h1>我沒有被任何的選擇器修飾</h1></body></html>
2:id選擇器,注意id選擇器是唯一的,因為只有id="yy"的才有這種樣式,而一個頁面里元素的Id必須是唯一的,所以。。。你懂得id選擇器以#開頭用法是:id=""
復制代碼
代碼如下:
<html><head><styletype="text/css">#yy{font:"宋體"; color:#FF0000}</style></head><body><pid="yy">我現在表現的是id選擇器</p><pid="p">我沒有被id選擇器修飾</p><h1>我沒有被任何的選擇器修飾</h1></body></html>
3:類選擇器,類選擇器以.開頭 只要把元素的class="" 就能表現為這種樣式了用法是:class=""
復制代碼
代碼如下:
<html><head><styletype="text/css">.yy{font:"宋體"; color:#FF0000}</style></head><body><pclass="yy">我現在表現的是類選擇器</p><pclass="yy">我沒有被類選擇器修飾</p><h1>我沒有被任何的選擇器修飾</h1></body></html>
html怎么控制子代的hover?
樓主,這是通過>與+來控制下個元素,子集元素,下個元素的子集元素的CSS #a {color : #FFFF00;} #a:hover > #b{color : #FF0000;} #a:hover + #c{color : #00FF00;} #a:hover + #c > #b{color : #0000FF;} 元素1 元素2 元素3 元素2 下面是補充 樓主,我又通過CSS選擇器研究了一些,你可以參考著按照自己的需求改 #a:hover {color : #FFFF00;} #a:hover > #b:first-child{color : #FF0000;} #a:hover > #b{color : #FF00FF;} #a:hover + #c{color : #00FF00;} #a:hover + #c > #b{color : #0000FF;} 元素1 元素2 元素2 元素3 元素2
wrap是什么意思?
CSS中的>是代表選擇器的層級關系為直接子級。如下示例代碼:
<body> <div class="wrap"></div> <div class="content"> <div class="wrap"></div> </div></body>
如上邊這個html代碼結構。
body .wrap{} 這樣寫控制的就是body里邊的所有class為wrap的元素,包括所有子孫級。
body > .wrap{} 這樣寫就只會控制直接子級,content里邊的wrap就不會受控制。