十年网站开发经验 + 多家企业客户 + 靠谱的建站团队
量身定制 + 运营维护+专业推广+无忧售后,网站问题一站解决
这是选择器的嵌套(中间用空格隔开),意思是定义包含在class为answerbox元素内的元素,且此元素的class为adlist,样式只对class为adlist(.adlist)起作用。形如:
卡若网站建设公司成都创新互联,卡若网站设计制作,有大型网站制作公司丰富经验。已为卡若上千多家提供企业网站建设服务。企业网站搭建\成都外贸网站建设公司要多少钱,请找那个售后服务好的卡若做网站的公司定做!
div class="answerbox"
…………
p class="adlist"元素的内容,以上css只对我生效。/p
…………
/div
可以用逗号隔开多个类名。
css当中需要对多个类或多个元素等使用相同的样式,都可以在每个选择器后面使用逗号分隔,其他部分的写法是相同的。
例如:.aa,.bb{color:blue;}。
同时使用两个类
一般只能给一个元素设定一个类(Class),但这并不意味着不能用两个。事实上,你可以这样:
p class="text side".../p
同时给P元素两个类,中间用空格格开,这样所有text和side两个类的属性都会加到P元素上来。如果它们两个类中的属性有冲突的话,后设置的起作用,即在CSS文件中放在后面的类的属性起作用。
例如:我们先定义两个样式,第一个样式背景为#666;第二个样式有10 px的边框。
.one{width:200px;background:#666;}
.two{border:10px solid #F00;}
在页面代码中,我们可以这样调用
div class="one two"/div
这样最终的显示效果是这个div既有#666的背景,也有10px的边框。
摘抄至百度!!
方法1:用css的属性选择器。
div[class^="aa"] {
background-color:#d6d6d6;
height: 50px;
}
div class="aa1"1/div
div class="aa2"2/div
div class="aa3"3/div
方法2:用空格分隔多个class
.aa {
background-color:#d6d6d6;
height: 50px;
}
div class="aa aa1"1/div
div class="aa aa2"2/div
div class="aa aa3"3/div
style type="text/css"
.nav .mininav .static{color:red;}
/style
div class="nav"
div class="mininav"
div class="static"
1312121312
/div
/div
/div
div class="static"154654645/div
样式紧挨着是没有效果的,空格隔开就没问题。
这样写的意思,就是只有在nav下的mininav下的static 才可以有定义的样式效果
如果直接写最后一个样式名,是没有任何样式的
空格代表包含关系。
.ne_area .festival_wrap .snow5 的意思是: .ne_area包含.festival_wrap,而.festival_wrap又包含.snow5,就像下面这样:
div class="ne_area"
div class="festival_wrap"
div class="snow5"/div
/div
/div
最终css的样式将会作用在最里面的那个div上(即div class="snow5"/div)