CSS first-child-有解無憂

不知道為什么那個first-child設定的沒有用
div {
width: 200px;
height: 200px;
border:1px solid hotpink;
/*border-radius: 20px;*/

}
/*有問題*/
div:first-child {
border-radius: 20px;
}

<hr>
<h2>圓角邊框</h2>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>

</body>

uj5u.com熱心網友回復：

你的選擇器的意思是，任意元素的第一個子元素，并且這個元素是DIV。
所以改成：
div:nth-child(2) {
border-radius: 20px;
}
或者：
div:first-of-type {
border-radius: 20px;
}

uj5u.com熱心網友回復：

參考 1 樓狗蛋丶的回復:

你的選擇器的意思是，任意元素的第一個子元素，并且這個元素是DIV。
所以改成：
div:nth-child(2) {
border-radius: 20px;
}
或者：
div:first-of-type {
border-radius: 20px;
}

感覺好奇怪，你說的兩種方法，我只有第二種有用，是我軟體出現問題了嗎？

uj5u.com熱心網友回復：

請注意：':first-child' 選擇器是用于選取屬于其直接父元素的首個子元素的指定選擇器。
標簽div的直接父元素是body，而body的第一個子元素是hr，所以你的樣式當然不會應用到第一個div上了
解決方案，把hr和h2標簽洗掉，再觀察效果，即可！！

uj5u.com熱心網友回復：

參考 3 樓逸彬的回復:

請注意：':first-child' 選擇器是用于選取屬于其直接父元素的首個子元素的指定選擇器。
標簽div的直接父元素是body，而body的第一個子元素是hr，所以你的樣式當然不會應用到第一個div上了
解決方案，把hr和h2標簽洗掉，再觀察效果，即可！！

是要第一個元素必須是div是嗎

uj5u.com熱心網友回復：

參考 4 樓 i_want_to_study_ 的回復:

Quote: 參考 3 樓逸彬的回復:
請注意：':first-child' 選擇器是用于選取屬于其直接父元素的首個子元素的指定選擇器。
標簽div的直接父元素是body，而body的第一個子元素是hr，所以你的樣式當然不會應用到第一個div上了
解決方案，把hr和h2標簽洗掉，再觀察效果，即可！！

是要第一個元素必須是div是嗎

不一定，看你怎么設計布局。但是單從選擇器div:first-child考慮的話，該選擇器只能選擇body內的第一個元素

uj5u.com熱心網友回復：

參考 5 樓逸彬的回復:

Quote: 參考 4 樓 i_want_to_study_ 的回復:

Quote: 參考 3 樓逸彬的回復:
請注意：':first-child' 選擇器是用于選取屬于其直接父元素的首個子元素的指定選擇器。
標簽div的直接父元素是body，而body的第一個子元素是hr，所以你的樣式當然不會應用到第一個div上了
解決方案，把hr和h2標簽洗掉，再觀察效果，即可！！

是要第一個元素必須是div是嗎

不一定，看你怎么設計布局。但是單從選擇器div:first-child考慮的話，該選擇器只能選擇body內的第一個元素

好的謝謝，之后會留心注意點

uj5u.com熱心網友回復：

frist-child 是用于父子元素間的

轉載請註明出處，本文鏈接：https://www.uj5u.com/qianduan/123073.html

標籤：HTML(CSS)

上一篇：【測驗實用小技巧】adb命令與monkey命令的聯合使用

下一篇：你不知道的redis四-redis執行原理