欧美一区二区三区,国内熟女精品熟女A片视频小说,日本av网,小鲜肉男男GAY做受XXX网站

css3新增選擇器有那些,css3選擇器怎么選擇第3個

李中冰2年前25瀏覽0評論

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就不會受控制。