CSS里面的的为什么有逗号?

html-css012

CSS里面的的为什么有逗号?,第1张

.ad_stu , .ad_2 , .ad_house{ ... }\x0d\x0a\x0d\x0a这里用了逗号,作用是表示这3个class用的是相同的css属性。\x0d\x0a\x0d\x0a而如果用空格,变成这样:.ad_stu .ad_2 .ad_house{ ...},其意思就全变了。这样用空格分开,变成了在ad_stu这个容器里有一个叫ad_2的容器,而在ad_2这个容器里,又包含着一个叫ad_house的容器。最终仅仅是ad_house这个容器有这些css属性。另外2个容器是没有这些属性的。\x0d\x0a\x0d\x0a给你举个例子(例1):\x0d\x0a我是容器A\x0d\x0a我是容器B\x0d\x0a我是容器C\x0d\x0a\x0d\x0acss写成:.ad_stu , .ad_2 , .ad_house{ height:196pxfloat:leftmargin: 5px 0 0 6px }\x0d\x0a\x0d\x0a这时,上面A、B、C三个容器,呈现出来的效果是完全一样的,都是靠左浮动,高度都是196像素;\x0d\x0a\x0d\x0a而如果用空格区分上面3个class,仍然用上面3个div结构的话,这3个容器将不会有任何效果的。\x0d\x0a\x0d\x0a除非改成(例2):\x0d\x0a\x0d\x0a \x0d\x0a \x0d\x0a 我是容器3\x0d\x0a \x0d\x0a\x0d\x0a\x0d\x0a\x0d\x0a这样的话,css写成:.ad_stu .ad_2 .ad_house{ height:196pxfloat:leftmargin: 5px 0 0 6px }\x0d\x0a这时,ad_house这个容器将呈现出来的效果就是高196像素,左浮动。。。而ad_stu,ad_2这2个容器,如果你不单独对其进行定义,将没有任何样式效果。\x0d\x0a\x0d\x0a同样是上面例2这个例子,我加多一个div,变成如下\x0d\x0a\x0d\x0a \x0d\x0a \x0d\x0a 我是容器3\x0d\x0a \x0d\x0a\x0d\x0a\x0d\x0a我也是ad_house\x0d\x0a\x0d\x0a可以看到,下面加多了一个类名也叫ad_house的div,但是这个单独的ad_house同样是没有效果的。因为css中写明了,只有ad_stu下面的ad_2下面的ad_house设置了css属性。 回答于 2022-11-16 抢首赞 已踩 0 查看全部1个回答 — 为你推荐更多精彩内容 — 正在加载 加载失败 点击重新加载

微信

微博

QQ

QQ空间

答案纠错

举报

取消 赞赏答主 5 10 50 100 200

已赞赏0财富值

合计:0 财富值

登录后赞赏 选择举报类型 侵犯版权 色情低俗 涉嫌违法犯罪 时政信息不实 垃圾广告 低质灌水 工作人员会在48小时内处理,处理结果请关注系统通知,感谢您对百度知道的支持。 确定

原文: css中“~”(波浪号)、“,”(逗号)、 “ + ”(加号)和 “ >”(大于号)是什么意思?

选择前面有A元素的所有B标签

为相同父元素中位于A标签后的所有B元素设置样式

两种元素必须拥有相同的父元素,但是B不必直接紧随A出现

是CSS3特有选择器,表示选则A元素的子元素中所有B元素

A B 选择所有后代元素,但是A>B 只选择一代

同时选择A B 两个类,对其应用相同的CSS样式

选择紧接在另一个元素后的元素,二者有相同的父元素

例:增加紧接在h1元素后出现的段落的边距