css中一个样式两个名字,用两个名字

为什么有些CSS样式是这样写的两个样式名称叠在一起写？ （比如）.answerbox .adlist{……}

这是选择器的嵌套（中间用空格隔开），意思是定义包含在class为answerbox元素内的元素，且此元素的class为adlist，样式只对class为adlist（.adlist）起作用。形如：

div class="answerbox"

…………

p class="adlist"元素的内容，以上css只对我生效。/p

…………

/div

相关问答

Q1: css中两个不同的类名（class）怎么同时选择？

可以用逗号隔开多个类名。

css当中需要对多个类或多个元素等使用相同的样式，都可以在每个选择器后面使用逗号分隔，其他部分的写法是相同的。

例如：.aa,.bb{color:blue;}。

Q2: CSS 里一个class跟两个类名的问题

同时使用两个类

一般只能给一个元素设定一个类（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的边框。

摘抄至百度！！

Q3: css 多个类似的class名 怎么使用一个css样式

方法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

Q4: CSS中，在设置样式时将两个类名贴在一起是指什么意思，如：.nav.mininav.static{样式}

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 才可以有定义的样式效果

如果直接写最后一个样式名，是没有任何样式的

Q5: css 里面一个类有两个类名怎么用，中间空格隔开，代表什么例如

空格代表包含关系。

.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）