html - 列出样式冲突的 CSS

Question

我正在使用下面的代码生成侧边菜单，但是无论我在哪里包含菜单，这些页面上的所有列表图标也会消失...

如何将列表样式更改限制为仅针对此 php 文件，或更改 css 使其仅适用于此 UL？

<style type="text/css">
ul li li:before {
    content: none !important;
    font-size:100px;
}

.art-postcontent ul>li:before, .art-post ul>li:before, .art-textblock ul>li:before{
    content:none !important;    
}

.art-postcontent ul>li, .art-post ul>li, .art-textblock ul>li{
    padding-left:0px !important;    
}
</style>
<div class="art-vmenublock clearfix" style="width:100%">
        <div class="art-vmenublockheader" style="width:100%">
            <h3 class="t">Welcome <br/> <? echo $full_name; ?></h3>
        </div>
        <div class="art-vmenublockcontent" style="width:100%">
<ul class="art-vmenu leftmenu" style="margin-top: -2px; margin-left: -1px;">
    <li><a href="index.php/my-account" <? if($_SERVER['REQUEST_URI']=='/index.php/my-account'){echo 'class="active"';}?> >Dashboard</a>
        <? /* <ul class="active">
            <li><a href="main/new-page.html">New Page</a>
            </li>
                <li><a href="main/new-page-2.html">New Page 2</a></li>
                <li><a href="main/new-page-3.html">New Page 3</a></li>
            </ul>*/?>
        </li>
        <li><a href="index.php/my-account/companies" <? if($_SERVER['REQUEST_URI']=='/index.php/my-account/companies'){echo 'class="active"';}?> >Companies</a></li>
        <li><a href="index.php/my-account/logout">Log-Out</a></li>       
       </ul>  
</div>
</div>

Answer 1

给出你的ul一个id属性值为 say no-list-style然后更改对 ul 的任何引用在你的 CSS 中为 ul#no-list-style .

你的 <ul>标签现在是

<ul id="no-list-style" class="art-vmenu leftmenu" style="margin-top: -2px; margin-left: -1px;">

你的 CSS 现在是

ul#no-list-style li li:before {
    content: none !important;
    font-size:100px;
}

.art-postcontent ul#no-list-style>li:before, .art-post ul#no-list-style>li:before, .art-textblock ul#no-list-style>li:before{
    content:none !important;    
}

.art-postcontent ul#no-list-style>li, .art-post ul#no-list-style>li, .art-textblock ul#no-list-style>li{
    padding-left:0px !important;    
}