CSS类问题

我目前在围绕类和id选择器的想法时遇到了麻烦。下面发布是我目前的导航标记。我试图在我的CSS样式表中实现的是水平菜单。CSS类问题

为什么我不能以.navigation-menu为目标设置此类中的所有内容（.navigation-main）？

<nav class="navigation-main"> 
    <ul class="menu"> 
     <li class"home"><a href="index.html">Home</a></li> 
     <li class"submit"><a href="submit.html">Submit a Pic</a></li> 
     <li class"advertise"><a href="advertise.html">Advertise</a></li> 
     <li class"contact"><a href="contact.hml">Contact</a></li> 
    </ul> 
</nav>

CSS

.navigation { 
display:inline;

}

来源

2012-10-21 user1762554

这可能是因为你在相同的元素在其他类 –

应用其它风格展现你的CSS太 –

您展示一个类类'.navigation'，但是您发布的HTML没有使用该类的元素。另外，你提到一个名为'.navigation-menu'的类，但是你的例子也不使用这个类。 – j08691

根据问题

它，因为你申请的CSS的类navigation这是不使用你需要包括这个类应用css

尝试

.navigation-main li { 
    display:inline; 
}

来源

2012-10-21 16:03:53

您需要将'display：inline'应用于li's，而不是'nav' – Maroshii

刚刚更新，很酷...... – Maroshii

为什么您仍然定位'.navigation'？这个类没有任何元素。 –

您没有定位的元素：

.navigation-main li{ 
    display:inline; 
}

来源

2012-10-21 16:05:35 Maroshii

您正在寻找这样的：

.menu li {display:inline;}

来源

2012-10-21 16:05:49

好像你可能会感到困惑CSS选择器是如何工作的。一个类需要与其定义相同的名称才能真正匹配。

HTML

<div class="my-class"></div>

CSS

.my-class 
{ 
    ... 
}

因此，要回答你的问题（因为它是目前），为什么你不能针对.navigation-menu内.navigation-main款式应有尽有。这是因为你的CSS类.navigation不会在当前的HTML

匹配任何类与class="navigation-main"风格你的资产净值：与class="menu"是内

CSS

.navigation-main 
{ 
    ... 
}

要只风格UL NAV与class="navigation-main"：

CSS

.navigation-main .menu 
{ 
    ... 
}

款式内NAV class="navigation-main"所有元素

CSS

.navigation-main * 
{ 
    display:inline; 
}

来源

2012-10-21 18:29:40 Matthew

回答

相关问题