Question

我创建了一个CSS文件，我给了一个HTML文件。它告诉我为水平列表创建一个样式规则。我不确定如何在创建CSS文件时指定我编辑的列表。以下是我与之合作的内容：

     <nav class="horizontal">
        <ul>
           <li><a href="#">Home</a></li>
           <li><a href="#">Menu</a></li>
           <li><a href="#">Locations</a></li>
           <li><a href="#">Catering</a></li>
           <li><a href="#">About Us</a></li>
        </ul>
     </nav>

     <nav class="vertical">
        <ul>
           <li><a href="#">Pizza</a></li>
           <li><a href="#">Salad</a></li>
           <li><a href="#">Pasta</a></li>
           <li><a href="#">Sandwiches</a></li>
           <li><a href="#">Appetizers</a></li>
           <li><a href="#">Pocket Pizzas</a></li>
           <li><a href="#">Fish &amp; Shrimp</a></li>
           <li><a href="#">Chicken &amp; Wings</a></li>
           <li><a href="#">Beverages</a></li>
           <li><a href="#">Dessert</a></li>
           <li><a href="#">Catering</a></li>
           <li><a href="#">Download Menu</a></li>
           <li><a href="#">Catering Menu</a></li>
        </ul>
     </nav>

Answer 1

听起来你是CSS的新手。

CSS规则分为两部分：选择器，将元素定位到样式，以及要实现的样式属性。

所以你的案子中的问题就变成了：哪个选择器会以水平导航为目标？查看您的HTML，相关元素有一个类.horizontal，所以：

.horizontal { /* style rules here */ }

如果存在其他非nav元素具有相同类别的风险，您可以收紧选择器以仅匹配nav元素：

nav.horizontal { /* ... */ }

Answer 2

为此我们在css中使用选择器 CSS选择器允许您选择和操作HTML元素

因为您已为您将使用的列表提供课程你必须使用

.horizontal{

//rules goes here 
}

Answer 3

以下是一个示例：

nav ul { list-style: none; }
.horizontal { display: inline; }

如何指定为哪个导航列表创建样式规则？

3 个答案: