                        课程
                    
                        /前端开发
                        
                            /JavaScript
                        
                        /DOM事件探秘

我想问一下这节关于CSS样式的问题。。。。

为什么光改类名就能改变显示的东西？

灼眼繁华

2015-08-10

源自：DOM事件探秘 4-3

关注问题我要回答

1023

操作

收起

3 回答

marshall_stan
2015-08-11

class可以设置多个，也就是可以有多个类名比如class="abc abcd"（空格分开），那么它既属于abc类也属于abcd类。login_state_show +id就是既属于login_state_show类也属于id这个字符串代表的类。你看main.css里面设置背景图的格式，例如：

.login-state .callme {
    background: url("images/ptlogin.png") -72px 0 no-repeat;
}

它是先定位到login-state这个类，再找这个类下面的callme类，因此也就定位到了下面这个div。

<div id="loginStateShow" class="login-state-show callme">状态</div>

其实前面login-state-show这个类在这一步中根本没有用到，但是其他地方会用，我们不能把它直接去掉，所以用login_state_show +id。

如果说的有错误，请大牛指出，谢谢。

0 回复有任何疑惑可以回复我~

收起回答

灼眼繁华提问者

谢谢~大疑问解决了，刚才我看的时候又有个小疑问....如果他拥有两个类名，而这两个在CSS中同时对margin设置，元素怎么表现？比如他哪个login_state_trigger 和login_state_trigger2就都对maigin进行了设置，但是最后表现的是login_state_trigger2的margin，我把两个样式程序的位置对换了一下以后，margin就变成了login_state_trigger设置的样子，我猜测是加载顺序的原因，不知道对不对~