标题比较中的html调用元素

我在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> 

但是现在我想比较一下，并从HTML内部调用这个元素

我用在头上，并评论CSS

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

#ul.导航{显示：内联块；}

但是我认为我引用的元素不对

另外，我将如何为实际html正文中的列表调用此“内联块”属性？[英式]

我看到CSS工作得很好，但我想比较一下头部的调用和风格，以及如何在身体中调用

我看到了3个案例的例子

我看到它与段落一起工作，但需要更多的澄清，以了解如何与我的元素一起工作

---

谢谢

您是否尝试过这样写：

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

---

.

您可以这样使用css。。

---

#导航ul li

在样式标记中，您正在使用ul元素的id选择器。您应该使用导航ul而不是headhi谢谢，第一种方式有效，但第二种方式在标题上不符合我的风格

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

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

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