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

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

WBOY
リリース: 2016-06-24 12:08:49
オリジナル
904 人が閲覧しました

私は初心者です
3333
555 444< ;/a>


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

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

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

< ;a href ='#'>555

/a>



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

3333
555 href='#'>444


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

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

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

3333

444

これで、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 {色: ブルー;}

以上です!

別のクラスを作成します
3333
555 '#'>444

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

a.c_blue:hover{color:blue;}

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


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

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート