Question

我真的不需要帮助代码，但我有一个关于CSS和PHP的问题。我还在努力学习CSS。如果我有正确的解释问题，请原谅我。

我的网站由几个.php脚本组成，这些脚本始终从我的主要包括php脚本调用。此脚本包含标题，总体布局，登录检查，javascript和修复错误并记录某些统计信息的脚本。这个包含文件调用我的style.css表。因此，每个页面都会加载style.css，因为每个页面都会调用我的包含文件。

这是我的问题。

ul{
    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 0px;
}

li{
    margin:0px 10px 3px 10px;
    padding:2px;
    list-style-type:none;
    display:block;
    background-color:#606a86;
    width:125px;

这是一个菜单。我没有经常使用这个，因为我还在学习，但是这个代码非常适合我使用javascript的菜单。但是，我想在我的网站上的其他地方使用ul和li，但我不希望看到相同的外观。基本上，当我使用class =“”时，我希望在别处有不同的外观。问题是，如果我尝试添加ul.example或li.example，它在使用class =“”时不会像在其他标记上那样工作。

我也尝试过直接将css添加到页面中，但它仍然会加载我对菜单的样式。

请注意，我尝试过两个单独的ID，例如ul.ex1和ul.ex2，同样适用于li。

我刚刚完全迷失了CSS，还是有某种方法可以做到这一点？

Answer 1

你的CSS选择器是向后的。它是标记然后是classname，即ul.example而不是example.ul

查看此quick tutorial。

Answer 2

您应该将ul / li绑定到元素。例如，如果您的菜单在

之内

<div id="menu">your menu</div>

您应该像这样使用CSS：

#menu ul{
    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 0px;
}

#menu li{
    margin:0px 10px 3px 10px;
    padding:2px;
    list-style-type:none;
    display:block;
    background-color:#606a86;
    width:125px;

Answer 3

最好的办法是给你的导航栏一个班级，并假设所有其他ul和li都处于正常状态。然后，很容易在您创建的任何其他页面上正常更改它们。

请注意，如果您想为ul创建一个类，则可以使用ul.navbar和ul.navbar li，这比为每个人应用相同的类要容易得多{ {1}}。

li

包含CSS的CSS问题

3 个答案: