Question

我在列表中有一个列表，我只想拥有第一个列表 LI有背景色。

如何让第一个li显示背景颜色？

CSS

.selected {
    background-color: #C8C8C8;
}
.right {  
    position: relative;
    left: 15px;  
    list-style-position: inside;
}

HTML

<div id="nav_main>
    <li class="fullChild selected" id="menuBranch">
            <a class="opener"></a>


                <a c href="test.cfm?branch" onclick="changeClass('branch')" >Branch</a>

            <ul>
                <cfset variables.dept_id = "" />
                <cfif isdefined( "url.dept_id" )>
                    <cfset variables.dept_id = url.dept_id />
                </cfif>
                <cfoutput query="GetDeptNum_branch">
                    <cfif GetDeptNum_branch.dept_id is variables.dept_id>
                        <li class="right"><a class="selected">#dept_name#</a></li></span>

                    <cfelse>
                                <li class="right" ><a href="test.cfm?dept_id=#dept_id#">#dept_name#</a></li></span>
                    </cfif>
                </cfoutput>
            </ul>
        </li>
</div>

Answer 1

#nav_main li:first-child{background:red;}

在这里，您可以找到您需要知道的一切：

http://www.w3.org/TR/CSS21/selector.html

Answer 2

您可以通过以下方式执行此操作。

  ul > li:first-child {
      background: red;
    }

如何只显示第一个li的颜色？

2 个答案: