CSSセレクターとは何ですか? CSSセレクターにはどのような種類がありますか?-CSSチュートリアル-php.cn

CSSセレクターとは何ですか? CSSセレクターにはどのような種類がありますか?

云罗郡主

リリース： 2018-11-03 14:44:31

オリジナル

5900 人が閲覧しました

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>

ログイン後にコピー

その効果は次のとおりです。次のように:

CSSセレクターとは何ですか? CSSセレクターにはどのような種類がありますか?

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 サイトの他の関連記事を参照してください。

php 8、私も来ます

ウェブサイトのレイアウトを 30 分で学ぶ

ビデオチュートリアルに精通したOracleの入門

あなたの最初のUNI-APPコード

ゼロからアプリの起動までフラッター

兄弟連新版Linuxビデオチュートリアル

AXURE 9 ビデオチュートリアル (プロダクトマネージャーのインタラクティブな製品設計 UI に適しています)

基礎能力ゼロ PS ビデオチュートリアル

16日間のUIビデオチュートリアル

PS テクニックとスライステクニックのビデオチュートリアル

アリクラウド環境構築およびプロジェクトオンラインビデオチュートリアル

コンピュータネットワークの概要 - プログラマが身につけるべき基礎知識

プログラマーのための基本チュートリアル - HTTP プロトコルの説明

Websocket ビデオチュートリアル

CSSセレクターとは何ですか? CSSセレクターにはどのような種類がありますか?