Html 试图在我的css中定位一个类

我试图在css中定位一个类，使其沿着侧面移动，使其看起来像一个侧面导航。我似乎无法瞄准它，我正在用border测试它并移动它，但似乎无法获得它。任何帮助都将不胜感激

这是html

<div class="sidebarContainer">
<div id="sidebar" class="tabbed-sidebar">
    <!-- The tabs -->
    <ul class="sidebar-tabs">
        <li id="t1" class="sidebar-tab t1"><a class="sidebar-tab t1" title="Tab 1">Tab 1</a></li>
        <li id="t2" class="sidebar-tab t2"><a class="sidebar-tab t2" title="Tab 2">Tab 2</a></li>
        <li id="t3" class="sidebar-tab t3"><a class="sidebar-tab t3" title="Tab 3">Tab 3</a></li>
        <li id="t4" class="sidebar-tab t4"><a class="sidebar-tab t4" title="Tab 4">Tab 4</a></li>
        </ul>
            <!-- tab 1 -->
            <div class="sidebar-tab-content sidebar-tab-content-t1"> <--This is what i am trying to target to go along the side of.... the sidebar-tabs                    
                <ul>
                    <li>List item</li>
                    <li>List item</li>
                    <li>List item</li>
                    <li>List item</li>
                    <li>List item</li>
                </ul>
            </div>

  <!-- tab 2 -->
  <div class="sidebar-tab-content sidebar-tab-content-t2">
      <p>what sup.</p>
  </div>

---

问题在于#侧边栏旁边的

。这表明侧边栏选项卡内容是侧边栏div下的第一个子项。删除它，您应该会很好

尝试以下操作：

#sidebar  div.sidebar-tab-content ul {

}

你的问题是：

#sidebar >  .sidebar-tab-content sidebar-tab-content-t1 ul {

这假设

.sidebar-tab-content

是

#sidebar

（因为

）的直接子元素，但事实并非如此，而且

sidebar-tab-content-t1

是一个标记（而不是同一元素上的类，因为它缺少

）和

.sidebar选项卡内容的后代，这也是不正确的，因此请尝试将选择器更改为：

#sidebar .sidebar-tab-content.sidebar-tab-content-t1 ul {

或：

移除类中的空间，并用破折号替换它，使其看起来像这样，然后在css中执行相同的操作

class="sidebar-tab-content-sidebar-tab-content-t1"

您似乎缺少
上的
。侧边栏-tab-content-t1
并不意味着
:first child
或
:nth child（1）
是一个子选择器，它选择所有
.sidebar点击内容
，该内容是
#sidebar
的直接子级？他的课很好，选课老师不好。太好了，非常感谢。还有很多东西要学。我不知道我班上有一个空位it@user2512393我很高兴这有帮助，别担心，只要继续练习，最终一切都会变得容易：）
#sidebar .sidebar-tab-content.sidebar-tab-content-t1 > ul {

class="sidebar-tab-content-sidebar-tab-content-t1"