第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號(hào)安全,請(qǐng)及時(shí)綁定郵箱和手機(jī)立即綁定
已解決430363個(gè)問(wèn)題,去搜搜看,總會(huì)有你想問(wèn)的

CSS能檢測(cè)出元素的子元素?cái)?shù)量嗎?

CSS能檢測(cè)出元素的子元素?cái)?shù)量嗎?

動(dòng)漫人物 2019-06-15 18:33:44
CSS能檢測(cè)出元素的子元素?cái)?shù)量嗎?我可能在回答我自己的問(wèn)題,但我非常好奇。我知道CSS可以選擇父容器的單個(gè)子元素,但是如果它的父容器有一定數(shù)量的子容器,那么是否支持對(duì)其子容器的樣式進(jìn)行樣式設(shè)置。例如container:children(8) .child {   //style the children this way if there are 8 children}我知道這聽起來(lái)很奇怪,但我的經(jīng)理讓我檢查一下,我自己還沒(méi)有找到任何東西,所以我決定在結(jié)束搜索前求助于此。
查看完整描述

3 回答

?
慕標(biāo)琳琳

TA貢獻(xiàn)1830條經(jīng)驗(yàn) 獲得超9個(gè)贊

沒(méi)有。嗯,不太好。有幾個(gè)選擇器可以使您更接近,但可能無(wú)法在您的示例中工作,并且沒(méi)有最好的瀏覽器兼容性。

:only-child

這個(gè):only-child是少數(shù)幾個(gè)真正的計(jì)數(shù)選擇器之一,因?yàn)橹挥挟?dāng)元素的父元素有一個(gè)子元素時(shí),它才會(huì)被應(yīng)用。使用理想化的例子,它的作用就像children(1)很可能會(huì)。

:nth-child

這個(gè):nth-child實(shí)際上,選擇器可能會(huì)讓你得到你想要去的地方,這取決于你真正想要做的事情。如果您想在有8個(gè)孩子的情況下對(duì)所有元素進(jìn)行樣式化,那么您就不走運(yùn)了。但是,如果要將樣式應(yīng)用于第8個(gè)及更高版本的元素,請(qǐng)嘗試如下:

p:nth-child( n + 8 ){
    /* add styles to make it pretty */}

不幸的是,這些可能不是你想要的解決方案。最后,您可能需要使用一些Javascript魔法來(lái)應(yīng)用基于計(jì)數(shù)的樣式-即使要使用其中之一,在使用純CSS解決方案之前,也需要仔細(xì)檢查瀏覽器兼容性。

W3CSS3關(guān)于偽類的規(guī)范

編輯我看你的問(wèn)題有點(diǎn)不同-還有其他幾種方法父母不是孩子。讓我以你的方式拋出幾個(gè)選擇器:

:empty:not

這種樣式的元素沒(méi)有子元素。它本身并不那么有用,但是當(dāng)它與:not選擇器,只能對(duì)有子元素的元素進(jìn)行樣式設(shè)置:

div:not(:empty) {
    /* We know it has stuff in it! */}

在這里,您無(wú)法計(jì)算有多少子程序可以使用純CSS,但是它是另一個(gè)有趣的選擇器,它可以讓您做一些很酷的事情。


查看完整回答
反對(duì) 回復(fù) 2019-06-15
  • 3 回答
  • 0 關(guān)注
  • 4761 瀏覽
慕課專欄
更多

添加回答

舉報(bào)

0/150
提交
取消
微信客服

購(gòu)課補(bǔ)貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動(dòng)學(xué)習(xí)伙伴

公眾號(hào)

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號(hào)