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を作成したいのですが、HomeとAboutに別々のCSSタグを使用しているため、CSSを使用してliとulのスタイルを設定する方法がわかりません。

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

ulをターゲットにするには：ul.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 に答える