Question

网页设计中的CSS问题请求解决

<div class="header_right fr">

比方这个代码中class="header_right fr，那么在css文件上
对应的是
.header_right{}
还是对应
.fr{}
还是
.header_right{}
.fr{}
这两个都激活对应，还请高手帮忙，加了空格就不知道什么意思了

Answer 1

<div class="header_right fr">
按照你的说法，这样写的效果确实是两个都“激活”，加了空格才能区分是两个类，同时用两个类是为了增加代码的重用性，同时减少代码量，比如
假设fr是.fr{float:right}
.fl{float:left}
<div class="header_right fr">这个是右侧漂浮的右侧栏目标题</div>
<div class="header_right fl">这个是左侧漂浮的右侧栏目标题</div>
这样两个div可以同时用header_right这个类，比单独写两个类节省了很多代码，
另外如果同时“激活”的两个类里有冲突的样式，有一个比较复杂的覆盖原则，不过感觉现阶段你还不需要了解那个。

to一楼：用id和用class不是好不好调用的问题，主要为了代码的可读性和重用考虑，另外如果前端ui设计和特效js开发是分开的话，建议ui那边是用class的，因为id可能会影响js开发的调用，要尽量把id留给js脚本的开发。

Answer 2

为什么要写在一起呢，分开写更方便些
<div class="header_right">
<div class="fr">
一般是用ID，class不好调用

追问

因为是别人写的，
我不知道header_right fr，这中间的空格，是不是代表两个都被激活

Answer 3

元素和类是多对多的关系，一个元素可以有多个类，写的时候用空格隔开，很常见的写法。就是两个类的样式都可以作用于这个元素上。