网站建设资讯

NEWS

网站建设资讯

css样式逗号,css 逗号

css样式表中出现的逗号是咋回事

如果是卷标中出现的逗号,例如

公司主营业务:成都网站建设、做网站、移动网站开发等业务。帮助企业客户真正实现互联网宣传,提高企业的竞争能力。创新互联建站是一支青春激扬、勤奋敬业、活力青春激扬、勤奋敬业、活力澎湃、和谐高效的团队。公司秉承以“开放、自由、严谨、自律”为核心的企业文化,感谢他们对我们的高要求,感谢他们从不同领域给我们带来的挑战,让我们激情的团队有机会用头脑与智慧不断的给客户带来惊喜。创新互联建站推出建湖免费做网站回馈大家。

body,table,ul {xxx}

表示多个元素同时应用此样式

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

.ad_stu , .ad_2 , .ad_house{ ... }

这里用了逗号,作用是表示这3个class用的是相同的css属性。

而如果用空格,变成这样:.ad_stu .ad_2 .ad_house{ ... },其意思就全变了。这样用空格分开,变成了在ad_stu这个容器里有一个叫ad_2的容器,而在ad_2这个容器里,又包含着一个叫ad_house的容器。最终仅仅是ad_house这个容器有这些css属性。另外2个容器是没有这些属性的。

给你举个例子(例1):

div class="ad_stu"我是容器A/div

div class="ad_2"我是容器B/div

div class="ad_house"我是容器C/div

css写成:.ad_stu , .ad_2 , .ad_house{ height:196px; float:left; margin: 5px 0 0 6px; }

这时,上面A、B、C三个容器,呈现出来的效果是完全一样的,都是靠左浮动,高度都是196像素;

而如果用空格区分上面3个class,仍然用上面3个div结构的话,这3个容器将不会有任何效果的。

除非改成(例2):

div class="ad_stu"

div class="ad_2"

div class="ad_house"

我是容器3

/div

/div

/div

这样的话,css写成:.ad_stu .ad_2 .ad_house{ height:196px; float:left; margin: 5px 0 0 6px; }

这时,ad_house这个容器将呈现出来的效果就是高196像素,左浮动。。。而ad_stu,ad_2这2个容器,如果你不单独对其进行定义,将没有任何样式效果。

同样是上面例2这个例子,我加多一个div,变成如下

div class="ad_stu"

div class="ad_2"

div class="ad_house"

我是容器3

/div

/div

/div

div class="ad_house"我也是ad_house/div

可以看到,下面加多了一个类名也叫ad_house的div,但是这个单独的ad_house同样是没有效果的。因为css中写明了,只有ad_stu下面的ad_2下面的ad_house设置了css属性。

逗号和点号分隔的css样式之间是什么关系?

“.”,“#”这是类选择,“.”选择class=‘类名’的类;

“#”选择id=“类名”的类

“,”在css里是分割符, .offer .box-content .sbox .searchbox i,.resume .box-content .sbox .searchbox i这里面的“,”是和的意思


本文标题:css样式逗号,css 逗号
分享地址:http://cdweb.net/article/hodsog.html