将CSS按照层叠式结构化重新组织与构建

作者佚名技术来源 CSS技术浏览发布时间 2012-03-03

p;   #menubar .menus li {
        float:left;
        border-style:solid;
        border-color:#FFF;
        border-width:0 1px;
        margin-left:-1px;
        list-style-type:none; }

        #menubar .menus li a {
            display:block;
            text-decoration:none;
            padding:5px 10px; }

            #menubar .menus li a:hover {
                background:#EEDDCC;
                list-style-type:none; }

    #menubar .menus .current_page_item {
        background:#FFF;
        font-weight:bold; }

    #menubar .menus li.current_page_item a:hover { background:#FFF; }

可以看到，处理后的文件比原来的结构更加清晰、组织更加整洁、风格十分一致。另外，重组后的代码还可以直接下载使用。

凌众科技专业提供服务器租用、服务器托管、企业邮局、虚拟主机等服务，公司网站：http://www.lingzhong.cn 为了给广大客户了解更多的技术信息，本技术文章收集来源于网络,凌众科技尊重文章作者的版权，如果有涉及你的版权有必要删除你的文章，请和我们联系。以上信息与文章正文是不可分割的一部分,如果您要转载本文章,请保留以上信息，谢谢!

上一页 1 2

分享到：更多

你可能对下面的文章感兴趣

上一篇: CSS实例:鼠标滑过文字超级链接背景变色下一篇: 内联元素是什么意思呢？什么是块级别元素

关于将CSS按照层叠式结构化重新组织与构建的所有评论