CSS中多个类中的逗号和空格是什么意思?

CSS中多个类中的逗号和空格是什么意思?,第1张

CSS中多个类中的逗号空格是什么意思?

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


那就是说:“将所有.grid_6放在.container_12的范围内,并将所有.grid_8放在.container_16的460像素宽范围内。”
因此,以下两项将呈现相同的内容:

<div >  <div >460px Wide</div></div><div >  <div >460px Wide</div></div>

至于逗号,它将一个规则应用于多个类,就像这样。

.blueCheese, .blueBike {  color:blue;}

它在功能上等同于:

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

但是减少了冗长。



欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/zaji/4976121.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2022-11-14
下一篇2022-11-14

发表评论

登录后才能评论

评论列表(0条)

    保存