ホームページ >ウェブフロントエンド >htmlチュートリアル >単純な CSS_html/css_WEB-ITnose に質問する

単純な CSS_html/css_WEB-ITnose に質問する

WBOY
WBOYオリジナル
2016-06-24 12:08:49893ブラウズ

私は初心者です
771ffaf5277073360b429b7cfaa0dd3733335db79b134e9f6b82c0b36e0489ee08ed
771ffaf5277073360b429b7cfaa0dd375555db79b134e9f6b82c0b36e0489ee08ed 444< ;/a>


これで CSS、a:5c8c1df4484ba23d0fc014728bd37872{color:#fo;} を書きました

その中のすべてのハイパーリンクが 1 つの色に変わりました、
まず別の要件があります。このスタイルを使用して、ハイパーリンクの色を青として表示します

ディスカッションに返信 (解決策)
1eb5586342514f485c7612f447d1fc8533335db79b134e9f6b82c0b36e0489ee08ed

< ;a href ='#'>5555db79b134e9f6b82c0b36e0489ee08ed

771ffaf5277073360b429b7cfaa0dd37/a>



今、CSS を書きました、a:hover{color:#fo;}
a.c_blue :hover{color:blue;}

1eb5586342514f485c7612f447d1fc8533335db79b134e9f6b82c0b36e0489ee08ed
771ffaf5277073360b429b7cfaa0dd375555db79b134e9f6b82c0b36e0489ee08ed href='#'>4445db79b134e9f6b82c0b36e0489ee08ed


a:hover{color:#fo;}
a.c_blue:hover{color:blue;}
+ +
#fo; という CSS を書きました。 #f00; のはずです

正解は 2 階です。指定した要素セレクターはすべての要素に適用されますが、クラス スタイルを使用して特定の要素を個別にスタイル設定することができます。

別のクラスを作成してください! 1 階 +++

1eb5586342514f485c7612f447d1fc8533335db79b134e9f6b82c0b36e0489ee08ed

dbf440b98cd870388bd08b12bf523f614445db79b134e9f6b82c0b36e0489ee08ed

これで、a:hover{color:#fo;}

a.c_blue:hover{color:blue;}

この単純な要件で十分です。個別の CSS を記述する必要はありません。そうでないと、人々はそれを理解できません。

直接次のようにします:

<a href='#' style='color:blue;'>3333</a><a href='#'>555</a><a href='#'>444</a>


最初のクラスだけを書きます

あなたはまだあまり慣れていません... 最初のクラスに class="blue" を追加するだけです

a.blue:hover {色: ブルー;}

以上です!

別のクラスを作成します
1eb5586342514f485c7612f447d1fc8533335db79b134e9f6b82c0b36e0489ee08ed
771ffaf5277073360b429b7cfaa0dd375555db79b134e9f6b82c0b36e0489ee08ed '#'>4445db79b134e9f6b82c0b36e0489ee08ed

これで、CSS、a:hover{color:#fo;} を書きました

a.c_blue:hover{color:blue;}

はい、別の CSS を別に書きますcss が分析を要求すると、下位の優先順位に従います


スタイルを head に別途記述します
a:link {color=#xxxx}
a:hover {color=#xxx}

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。