0

我有一个网站，其中的 html 代码如下：

<div id="navmenu"><a id="home" href="http://www.abc.com" ><span>HOME<span></a>
<a id="about" href="http://www.abc.com/about-us/"><span>ABOUT US</span></a>
<ul class="about-child">
           <li><a href="#">Hard Drives1</a></li>
           <li><a href="#">Hard Drives<2/a></li>
 </ul>

我想调用这些 ul 和 li 标签来创建 CSS，但我不知道如何使用 CSS 设置 li 和 ul 的样式，因为我为 Home 和 About 使用了单独的 CSS 标签。

4

3 回答 3

2

如果您需要选择所有<li>标签，请使用以下命令：

li {... css rules ...}

如果您需要选择 中的所有<li>标签<ul class="about-child">，请使用以下命令：

ul.about-child li {... css rules ...}

如果您需要选择<li>任何标签内的所有<ul>标签，请使用以下命令：

ul li {... css rules ...}

要包含样式表，您可以通过以下方式包含它<link>：

<link rel="stylesheet" href="style.css" />

或者通过在文档中嵌入样式表：

<style type="text/css">
    li {... css rules ...}
    ul.about-child li {... css rules ...}
    ul li {... css rules ...}
</style>
于 2012-10-18T03:59:26.903 回答
1

以 ulul.about-child { ... } 为目标：以 li 为目标：ul.about-child li { ... }

如果这没有帮助，我无法在不了解您的问题的情况下提供任何更详细的信息。

于 2012-10-18T03:58:06.930 回答
1

您可以通过添加文档的链接 int 头来加载外部 css 文件：

<html>
  <head>
    ....
    <link href="yourcssfile.css" type="text/css" rel="stylesheet" />

或者您可以使用样式标签：

<style type="text/css">
  ... your css here ...
</style>

这是您将编写的代码来设置这个 li 标签的样式

ul.about-child li {
   ... your css rules here...
}

例子：

<style type="text/css">
ul.about-child li {
    list-style-type: disc;
    font-size:18px;
}
</style>
于 2012-10-18T04:00:07.260 回答