首頁(yè) 猿問(wèn) 在CSS中，多個(gè)類中的逗號(hào)和空格意...

在CSS中，多個(gè)類中的逗號(hào)和空格意味著什么？

Html/CSS

拉風(fēng)的咖菲貓 2019-08-01 17:02:00

在CSS中，多個(gè)類中的逗號(hào)和空格意味著什么？這里有一個(gè)我不明白的例子：.container_12 .grid_6,.container_16 .grid_8 { width: 460px;}在我看來(lái)width: 460px應(yīng)用于上述所有類。但是為什么某些類用逗號(hào)分隔(,)，還有一些就在一個(gè)空間旁邊嗎？我想width: 460px將只應(yīng)用于以CSS文件中提到的方式組合類的元素。例如，它將應(yīng)用于<div class='container_12 grid_6'>但是它不會(huì)應(yīng)用于<div class='container_12'>..這個(gè)假設(shè)正確嗎？

查看完整描述

3 回答

哆啦的時(shí)光機(jī)

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

.container_12 .grid_6,.container_16 .grid_8 {
    width: 460px;}

上面寫著“讓所有的.Grid_6都在.容器_12‘s內(nèi)，而所有.Grid_8都在.CONTER_16的460像素范圍內(nèi)?！币虼?，以下兩種方法都將呈現(xiàn)相同的結(jié)果：

<div class="container_12">
  <div class="grid_6">460px Wide</div></div><div class="container_16">
  <div class="grid_8">460px Wide</div></div>

至于逗號(hào)，它將一個(gè)規(guī)則應(yīng)用于多個(gè)類，如下所示。

.blueCheese, .blueBike {
  color:blue;}

它在功能上相當(dāng)于：

.blueCheese { color:blue }.blueBike { color:blue }

但是減少了細(xì)節(jié)。

反對(duì) 回復(fù) 2019-08-03

子衿沉夜

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

.container_12 .grid_6 { ... }

此規(guī)則將DOM節(jié)點(diǎn)與類匹配。container_12具有類的后代(不一定是子代)。grid_6，并將CSS規(guī)則應(yīng)用于帶有類的DOM元素。grid_6.

.container_12 > .grid_6 { ... }

放>他們之間說(shuō)grid_6節(jié)點(diǎn)必須是具有類的節(jié)點(diǎn)的直接子節(jié)點(diǎn)。container_12.

.container_12, .grid_6 { ... }

如其他人所述，逗號(hào)是一種一次將規(guī)則應(yīng)用于許多不同節(jié)點(diǎn)的方法。在這種情況下，規(guī)則適用于具有container_12或grid_6.

反對(duì) 回復(fù) 2019-08-03

3 回答
0 關(guān)注
403 瀏覽

關(guān)注

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

在CSS中，多個(gè)類中的逗號(hào)和空格意味著什么？

在CSS中，多個(gè)類中的逗號(hào)和空格意味著什么？

3 回答

相關(guān)問(wèn)題推薦

添加回答

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

熱搜

最近搜索清空

在CSS中，多個(gè)類中的逗號(hào)和空格意味著什么？

在CSS中，多個(gè)類中的逗號(hào)和空格意味著什么？

3 回答

相關(guān)問(wèn)題推薦

添加回答

在CSS中，多個(gè)類中的逗號(hào)和空格意味著什么？

在CSS中，多個(gè)類中的逗號(hào)和空格意味著什么？