-1

リストを作成し、ul タグを使用して ID を追加しましたが、リストのスタイルを設定する唯一の方法は、実際に ul タグと li タグをスタイルすることですが、そうするとすべてのリストが同じように見えます。あなたがコードを理解していない場合 -

 <ul id="navigation">
                <li><a href="http://www.google.com">Home</a></li>
                <li>Premium</li>
                <li>FAQ</li>
                <li>Disclaimer</li>
            </ul>
            <ul id="login">
                <li>Login</li>
                <li>-</li>
                <li>Register</li>
            </ul>

しかし、これらのリストの両方を異なるスタイルにしたくないので、スタイルを有効にする唯一の方法は-

#navigation{
color:#808080;
float:left;
margin-top:50px;
font-family:"Myriad Pro", Times, serif;
}

#login{
color:#808080;
float:right;
margin-top:50px;
font-family:"Myriad Pro", Times, serif;
}

ul li{
display:inline;
text-decoration:none;
padding:15px;
 }

だから私の質問は、パディング15pxをログインリストではなくナビゲーションリストに適用するにはどうすればよいかということです。ナビゲーションcssコードに入れてみましたが、何もしませんでした:(

ありがとう!!

4

3 に答える 3

3

次のようにしてみてください。

#navigation li {
   ... your styles
}

#login li {
   ... your different styles
}

また、最初にデフォルトの li スタイルを設定し、次のように #navigation で li に上書き/追加することもできます。

li {
   ... default styles
}

#navigation li {
   ... styles for navigation list, on top of the default ones
}
于 2012-11-13T12:55:25.830 に答える
1

それを行う最善の方法は、一般的なスタイルを最初に配置し、次により具体的なスタイルを後に配置することです

ul li {
  display:inline;
  text-decoration:none;
}

#navigation, #login {
  color:#808080;
  margin-top:50px;
  font-family:"Myriad Pro", Times, serif;
}

#navigation {
  float:left;
}

#login{
  float:right;
}

#navigation li {
  padding:15px;
}
于 2012-11-13T13:00:59.163 に答える
0

css 子孫セレクターを使用する必要があります - http://www.w3.org/TR/CSS2/selector.html#descendant-selectors :

#navigation li{
    display:inline;
    text-decoration:none;
    padding:15px;
}

#login li{
    display:inline;
    text-decoration:none;
}
于 2012-11-13T12:57:51.793 に答える