问答详情
源自:4-3 [DOM事件] QQ面板状态切换效果

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

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

提问者:灼眼繁华 2015-08-10 22:51

个回答

  • marshall_stan
    2015-08-11 14:36:28
    已采纳

    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。

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

  • 丶小八戒
    2015-08-11 09:11:19

    不同的类定义了不同的样式,你改了类名,就引用了不同的样式,显示方式就不同了。