Question

我是css的新手，但是学习。我试图弄清楚如何设置一个特定的类，我只能定位某些<li>字段。这是我尝试的但是它不起作用你能提供任何建议来帮助我吗？

我正在尝试为我的网站创建一个菜单栏，并且我从父菜单中找到了以<li>为目标的CSS。但是我也希望能够为某些<li>创建一个特定的css，例如这样调用：

<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和之间没有空格。因为班级直接在李。

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

Answer 2

不确定这是否说明显而易见但您在HTML中指定了一个类并在CSS中指定了一个ID（使用＃）

定位特定的LI CSS

2 个答案: