css pseudo-class_html/css_WEB-ITnose でのターゲットの使用

:target 疑似クラスについてはすでに説明しました。 :target は CSS の疑似クラスで、主に URL の # リンクに適用され、対応する ID 名と一致します。次の例:

コード名 e

http://www.wutongwei.com/#home

E

対応するホーム構造は

コード名

& & & lt; その効果は CSS を通じて反映できます。

:target{

color:#ff6600;

}

この時点で、このリンクを参照すると、対応する ID 要素はテキストの色を #ff6600 に設定します

もちろん、ページには複数のターゲットを指定する場合、この疑似クラスのスタイルは、特定のターゲットのみを変更する場合、すべてのターゲット要素に適用されます。たとえば、

のようにセレクターを処理します。 Code name

＆lt;セクションid = "home"＆gt;

はターゲットです。 、 http://www.wutongwei.com/#second.

ターゲット疑似クラス使用エクスペリエンス:

1 ページにジャンプするとき、疑似クラス CSS スタイルは適用されません。

2. この状態の要素を使用する必要があります

ターゲットと同様に、ページへのジャンプやコメント

を追加できます。または、これをタブと呼ぶものに使用することもできます。以前は、タブの操作を完了するために JS を使用することが一般的でした。また、これを使用してメニューなどを実装することもできます。 Wu Tongwei のブログに属します、

WeChat 公開アカウント: bianchengderen、QQ グループ: 186659233

原文、転載する場合は出典と対応するリンクを明記してください: http://www.wutongwei.com/front/infor_showone.tweb?id=189 、皆さんも拡散・シェア大歓迎です