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

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

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

卡若网站建设公司成都创新互联,卡若网站设计制作,有大型网站制作公司丰富经验。已为卡若上千多家提供企业网站建设服务。企业网站搭建\成都外贸网站建设公司要多少钱,请找那个售后服务好的卡若做网站的公司定做!

div class="answerbox"

…………

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

…………

/div

css中两个不同的类名(class)怎么同时选择?

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

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

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

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的边框。

摘抄至百度!!

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

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

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

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)


文章标题:css中一个样式两个名字,用两个名字
网站网址:http://csdahua.cn/article/dseehcd.html
扫二维码与项目经理沟通

我们在微信上24小时期待你的声音

解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流