Question

我正在尝试调整由Glimmer呈现的代码，这可能标志着我的CSS掌握有点低......

我喜欢HTML：

<ul id="main_navigation">
  <li id="trigger0"><a /Topics">Webinar Topics</a>
  <ul  class="subNavMenuItems" id="subNav0">
    <li><a href="/Topics/15">Intro</a></li>
    <li><a href="/Topics/25">Computer Skills</a></li>[and so on]

在我的CSS中我有：

#main_navigation ul{
    margin: 0;
    padding: 0;
    float: left;
    width: 20%;
    font-size:13px;
    font: bold;
    font-variant: small-caps;

}

观察宽度规则 - 但其他都没有。包含这些规则的文件是导入的最后一个文件，因此这些规则应该覆盖任何其他文件（尽管'main_navigation'是唯一匹配的元素_所以级联的东西应该无关紧要。

Answer 1

你可能想要

font-weight: bold;

Answer 2

试试这个：

#main_navigation li {
   ...
}

Answer 3

我没有为您准确的解决方案，但我确信如果您使用firefox并安装firebug，事情会变得简单。 Firebug有一种模式，显示可能影响元素的所有样式表信息。它还显示了不同规则的交互方式，同时允许您在不重新加载的情况下尝试更改内容。

Answer 4

此外，缺少<a /Topics">中的双引号和href属性。

Answer 5

#main_navigation ul应该与显示的HTML代码匹配您的ul与ID subNav0。你有任何CSS样式.subNavMenuItems或#subNav0，或者ul li ul，它们也可以与#main_navigation ul相同吗？如果你有任何这样的CSS，它可能会与显示的CSS混淆。绝对具体，您可以设置ul#main_navigation li#trigger0 ul#subNav0样式。

Ben为Firefox Firebug addon尝试了一个很好的建议。

此HTML无效：<a /Topics">Webinar Topics</a>。您最有可能想要<a href="/Topics">Webinar Topics</a>。

Answer 6

你想尝试哪种元素？

#main_navigation ul {
/* css here */
}

确定ul的样式是#main_navigation的直接后代，而你正在尝试设置样式（我认为）是外部菜单 #main_navigation或内部ul #main_navigation li ul ......除非我读错了吗？

一个CSS元素呈现......其他元素不是

6 个答案: