已解決430363個問題，去搜搜看，總會有你想問的

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

首頁猿問在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>

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

.blueCheese, .blueBike {
  color:blue;}

它在功能上相當于：

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

但是減少了細節。

反對回復 2019-07-20

ITMISS

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

.container_12 .grid_6 { ... }

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

.container_12 > .grid_6 { ... }

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

.container_12, .grid_6 { ... }

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

反對回復 2019-07-20

3 回答
0 關注
811 瀏覽

關注

亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

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

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

3 回答

相關問題推薦

添加回答

亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

熱搜

最近搜索清空

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

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

3 回答

相關問題推薦

添加回答

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

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