1

こんにちは、タグまたはliタグ、あるいはその両方のみをスタイリングするWebアプリケーションで、ページのメニューのリンクをスタイリングする方がよいかどうか疑問に思っていました。

例：

<ul id="mainMenu">
<li><a href="">myLink</a></li>
</ul>

緑色にしたいのですが、タグや李に緑色のスタイルを設定したほうがいいですか？私が主にphpや他のすべてと対話するためにjsを使用することを考えると、タグをまったく追加せず、 liタグに固執してjs関数をトリガーするのは悪いことですか？（ほとんどはajaxと動的コンテンツになります）。

ありがとう

4

5 に答える 5

1

aタグには、色と通常は下線を付けるデフォルトのスタイルがあります。aしたがって、これらのスタイルをオーバーライドする場合は、それらを含むスタイルではなく、それ自体に適用する必要がありますli。

于 2012-11-13T19:21:40.727 に答える
1

通常、全体に色を付けたくはありませんtag。変更があったり、プロジェクトが拡大したりすると、面倒になります。

だから、代わりに

li {
    /*Your styles here*/
    /*this is not a great method*/
}

あなたはそれにいくつかの参照を追加したいかもしれません。だからあなたのhtmlは、

<ul class="someclass">
    <li>
         <a>This is a link</a>
    </li>
</ul>

したがって、cssのような

ul.someclass li {
    /*Your styles here */
}

さて、上記のスタイルの例では、スタイルを親要素（<li>）に適用するか子要素（<a>）に適用するかという混乱があります。

子要素は、その親要素からプロパティを継承します。

したがって、ほとんどの子要素が親と同じプロパティを持っている場合は、スタイルを親に適用します。

子要素にのみ必要なスタイルがある場合は、そのスタイルを子要素に追加するだけです。

例（上記のHTML）：

ul.someclass li {
    font-size:24px;
    font-weight: bold;
}
ul.someclass li a {
    color:blue;
}
于 2012-11-13T19:25:24.953 に答える
1

こんにちは、タグまたはliタグ、あるいはその両方のみをスタイリングするWebアプリケーションで、ページのメニューのリンクをスタイリングする方がよいかどうか疑問に思っていました。

スタイルプロパティは2つの要素間で動作が異なるため、サイトナビゲーション（または他のリストの使用）に必要なフォーマットの種類によって異なります。

明らかな例は、次のようないくつかのプロパティのdisplayデフォルト値です。リンク<a>タグのデフォルト値はdisplay:inlineであり、リストliタグはdisplay:list-itemデフォルトスタイルとして使用されるため、次のように設定します。

li {background-color: red;}

とは異なります

a { background-color:blue;}

両方のタグが占めるスペースを表示することを目的とした機能的なフィドルを見ることができます。

タグをまったく追加せず、liタグに固執してjs関数をトリガーするのは悪いことですか？

タグには、よりユーザーフレンドリーにするためのいくつかのプロパティがすでにあります。たとえば、ユーザーがすでにサイトにアクセスしている場合は、疑似セレクターを使用してタグのスタイルを設定できます:visited。<li>これは、要素を使用して簡単に行うことができます。また、タグにはホバー時のcursorプロパティがすでに設定されてpointerおり、リスト要素でこれを使用できる場合でも、aタグがデフォルトと同じことを行うために、より多くのcssを使用します。

最後のアドバイスは、lists要素を使用してナビゲーションリンクの内部位置をスタイル設定し、リンクを使用してjs関数を関連付け、リンクにアクセスしたときやリンクがアクティブなときなどのナビゲーションルールをスタイル設定することです。

お役に立てば幸いです。乾杯

于 2012-11-13T19:31:31.837 に答える
0

私は次のようなことを言うでしょう：

 ul#mainMenu li a{
      your style
 }

このようにして、そのメニューのリンクにスタイルを適用し、将来追加する可能性のあるリンクをいじらないようにします。

于 2012-11-13T19:17:31.970 に答える
0

この場合、タグは常に親要素のcolorプロパティをオーバーライドします。つまり、liの表示やタグの色など、さまざまなプロパティの両方のスタイルを設定する必要があります。あなたのレイアウトは完全に有効です。

于 2012-11-13T19:20:07.157 に答える