ホームページ > 記事 > ウェブフロントエンド > CSSセレクターとは何ですか? CSSセレクターにはどのような種類がありますか?
CSSセレクターとは何ですか? CSSセレクターにはどのような種類がありますか?
- 云罗郡主オリジナル
- 2018-11-03 14:44:315897ブラウズ
CSS スタイルは、通常、セレクター、属性、属性値の 3 つの部分で構成されます。しかし、多くの CSS 初心者は CSS セレクターについてあまり詳しくありません。 CSS セレクターにはどのような種類がありますか? [推奨読書: 30 個の CSS3 セレクターの使用法の概要 ]
最初にコードを見てみましょう:
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>什么叫CSS选择器？</title>
</head>
<body>
<div>php1</div>
<div>php2</div>
<div>php3</div>
</body>
</html>その効果は次のとおりです。次のように:
php2 を青に設定したい場合はどうすればよいでしょうか? 2番目のdivを「選択」し、そのCSS属性の色を青に変更する方法を使用する必要があります。このように、特定の要素を必要な効果に変更し、必要なラベルを選択します。 「selector」。セレクターが要素を選択する方法であることを意味します。
いわゆるセレクターとは、端的に言えば、メソッドを使用して必要なタグを選択することです。選択した後でのみ、このタグの CSS スタイルを操作できます。それは十分に簡単です。 CSS には必要なタグを選択するためのさまざまな方法があり、これらのさまざまな方法がさまざまなセレクターになります。
2: CSS セレクターにはどのような種類がありますか?
1. タグ セレクター (body、div、p、ul、li など)
2. (例: class="head"、class="head_logo")
3. ID セレクター (例: id="name"、id="name_txt")
4.グローバル選択セレクター (例: *)
5. 結合セレクター (例: .head .head_logo、2 つのセレクターはスペースバーで区切られていることに注意してください)
6. 継承セレクター(例: div p 、2 つのセレクターがスペースバーで区切られていることに注意してください)
7. 疑似クラスセレクター (例: これはリンクスタイル、a 要素の疑似クラス、 4 つの異なる状態: リンク、訪問済み、アクティブ、ホバー。)
8. 文字列一致の属性セレクター (^ $ * 3 種類、それぞれ開始、終了、包含に対応)
以上がCSSセレクターとは何かについての説明でした。 CSS セレクターの種類の完全な紹介 CSS3 チュートリアル について詳しく知りたい場合は、php 中国語 Web サイトを参照してください。
以上がCSSセレクターとは何ですか? CSSセレクターにはどのような種類がありますか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。