0

我在 HTML 中有一个导航元素，我可以用外部 CSS 更改它，但我想比较如何从 HTML 内部调用它，

所以我得到了

<div id="header" class="row">
    <div id="logo" class="col_12">And the winner is<span>n't...</span></div> 
    <div id="navigation" class="row"> 
        <ul>
            <li><a href="#">Why?</a></li>
            <li><a href="#">Synopsis</a></li>
            <li><a href="#">Stills/Photos</a></li>
            <li><a href="#">Videos/clips</a></li>
            <li><a href="#">Quotes</a></li>
            <li><a href="#">Quiz</a></li>
        </ul>
    </div>  
</div>

如果我放上标题

<link href="css/custom.css" rel="stylesheet" type="text/css" />

我可以更改我的列表以在 CSS 上显示为导航

#navigation ul li { 
    display: inline-block;
}

但现在我想比较，并从 HTML 中调用这个元素

我在头部使用，并评论 CSS

<style>
#ul.navigation{display:inline-block;}
</style>

但我认为我没有正确引用元素

另外，我如何在我的实际 html 正文中为我的列表调用这个“内联块”属性？[inine风格]

我看到 CSS 工作正常，但我想比较调用与头部样式以及如何在正文中调用它，

我看过这3个案例的例子，

http://www.w3schools.com/css/css_howto.asp

我看到它与段落一起使用，但需要更多说明才能知道如何与我的元素一起使用？

谢谢

4

2 回答 2

1

您可以通过这种方式使用 css.. #navigation ul li

于 2013-04-18T13:39:17.920 回答
1

你有没有试过这样说：

<style>
    #navigation ul li { 
        display: inline-block;
    }
</style>

随着#ul.navigation{display:inline-block;}您选择错误的元素。

ul.navigation-> 你的ul元素与 class navigation。 #代表身份证。所以#ul.navigation无效。

您可能打算div#navigation甚至更好 div#navigation ul li地选择作为ID为“导航”的子li元素的元素。uldiv

像这样：

<style>
    div#navigation ul li { 
        display: inline-block;
    }
</style>

JSF中。

于 2013-04-18T13:38:48.020 回答