css - 针对特定的 LI CSS

Question

我是 css 的新手，但正在学习。我想弄清楚如何设置一个特定的类，我只能针对某些 <li>领域。这是我尝试过的方法，但它不起作用，您可以提供任何建议来帮助我吗？

我正在尝试为我的网站创建一个菜单栏，我有针对 <li> 的 css从父菜单。但我也希望能够为某些人创建特定的 css <li>例如这样调用:

<li class="nodropdown">bla... bla...</>

这是我尝试做的，但我不知道如何正确创建类。我知道这真的很糟糕，但我是新手，正在尝试。谢谢!!

#menu li #nodropdown {
    float:left;
    display:block;
    text-align:center;
    position:relative;
    padding: 4px 5px 4px 5px;
    margin-right:30px;
    margin-top:7px;
    border:none;
}

#menu li:hover #nodropdown {
    border: 1px solid #777777;
}

#menu li a #nodropdown {
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px; 
    color: #EEEEEE;
    display:block;
    outline:0;
    text-decoration:none;
}

#menu li:hover a #nodropdown {
    color:#161616;
}

Answer 1

类总是以 开头。，只有 ID 以“#”开头。

所以是:#menu li.nodropdown

注意 li 和 之间没有空格。因为类(class)是直接上li的。

编辑:我建议通读本教程:http://www.w3schools.com/css/default.asp