首頁猿問在CSS中，多個類中的逗號和空格意...

在CSS中，多個類中的逗號和空格意味著什么？

Html/CSS

繁星coding 2019-07-20 10:16:06

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

查看完整描述

3 回答

搖曳的薔薇

TA貢獻1793條經驗獲得超6個贊

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

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

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

至于逗號，它將一個規(guī)則應用于多個類，如下所示。

.blueCheese, .blueBike {
  color:blue;}

它在功能上相當于：

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

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

反對回復 2019-07-20

ITMISS

TA貢獻1871條經驗獲得超8個贊

.container_12 .grid_6 { ... }

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

.container_12 > .grid_6 { ... }

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

.container_12, .grid_6 { ... }

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

反對回復 2019-07-20

3 回答
0 關注
806 瀏覽

關注

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

在CSS中，多個類中的逗號和空格意味著什么？

在CSS中，多個類中的逗號和空格意味著什么？

3 回答

相關問題推薦

添加回答

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

熱搜

最近搜索清空

在CSS中，多個類中的逗號和空格意味著什么？

在CSS中，多個類中的逗號和空格意味著什么？

3 回答

相關問題推薦

添加回答

在CSS中，多個類中的逗號和空格意味著什么？

在CSS中，多個類中的逗號和空格意味著什么？