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

关于类名!!!

就老师说的这个class="login_state_show online"。她说这个类名空格后的online是子节点的id名,关于这里不是很明白。类名中加空格表示什么?这个在前面课程(web前端工程师路径)讲过吗?

提问者:西子丶 2016-09-19 22:09

个回答

  • 还谷子
    2016-09-19 23:55:23
    已采纳

    这种写法,我理解是两个不同类名,它这里需要这类名,而online这个类是控制图标的!ID等于那个类名是为了方便获取!

    .login-state .online {

                background: url("../images/ptlogin.png") 0 0 no-repeat;

            }

    <div id="loginStateShow" class="login-state-show online">状态</div>//获取图标的类添加这里

    <li id="online" class="statePanel_li">//方便获取控制图标的类所以设置与类名相同的ID

                <div class="stateSelect_icon online"></div>//其实是这要这个类名

                <div class="stateSelect_text">我在线上</div>

            </li>

    loginStateShow.className='login-state-show '+id;//获取图标