css - 以li为目标的CSS

It's difficult to tell what is being asked here. This question is ambiguous, vague, incomplete, overly broad, or rhetorical and cannot be reasonably answered in its current form. For help clarifying this question so that it can be reopened, visit the help center。
                            
                        
                    
                
                                7年前关闭。
            
                    
我是CSS的新手，有人可以告诉我如何使用项目符号来定位课程吗？

这是html：

<li><a href="#" class="drop"><strong>PRACTICE AREAS</strong></a>
    <div class="dropdown_1column align_right" style="left: 4px;">
        <div class="col_1">
        <ul>
            <li class="bullets"><a href="#">Employment Law</a></li>
            <li class="bullets"><a href="#">Civil Rights</a></li>
        </ul>
    </div></div>
</li>

这是我写的CSS：

#menu li.bullets {
    font-family: 'Tinos', serif;
    font-size:12px;
    color:#531517;
    background:url("../images/menubar/arrow_off.png") no-repeat;
    padding-left:15px;
    background-position: 0px 9px;
}

#menu li.bullets:hover {
    color:black;
    background-image: url(../images/menubar/arrow_on.png);
    background-repeat: no-repeat;
    background-position: 0px 9px;
}

我正在尝试创建一个名为.bullets的类，并且希望它生效

<li class="bullets"><a href="#">Employment Law</a></li>

作为滚动的开/关，并显示/关闭箭头图像。有人可以告诉我我在做什么错吗？

PS：如果您需要查看更多内容，可以在这里找到该站点：http://gdisinc.com/barker/default.php

最佳答案

CSS表示li.bullets类必须是ID为menu的元素的后代。您应该将id="menu"添加到封闭的div中，或者从CSS说明符中删除#menu。

关于css - 以li为目标的CSS，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/12207390/