ホームページ > ウェブフロントエンド > htmlチュートリアル > CSS_html/css_WEB-ITnose の 3 つのセレクター

CSS_html/css_WEB-ITnose の 3 つのセレクター

WBOY
リリース: 2016-06-24 11:54:07
オリジナル
992 人が閲覧しました

タグ セレクター

タグ セレクターは、実際には HTML コード内のタグです。右側のコードエディタの 、、

など。たとえば、次のコード:

p{font-size:12px;line-height:1.6em;}
ログイン後にコピー

上記の CSS スタイル コードの機能は、p タグのフォント サイズを 12px、行間隔を 1.6em に設定することです。

クラス セレクター

クラス セレクターは、右側のコード エディターのコードなど、CSS スタイルのコーディングで最も一般的に使用されます。「ネズミのように臆病」および「勇気」フォントとして実装できます。設定は赤です。 ... : 次のように、適切なタグを使用して、変更するコンテンツをマークします:

<strong>.</strong>类选器名称{css样式代码;}
ログイン後にコピー

ステップ 2: 次のように、class="クラス セレクター名" を使用してタグのクラスを設定します:

<span>胆小如鼠</span>
ログイン後にコピー

ステップ 3: Setクラス セレクターの CSS スタイル。次のようになります。

<span <strong>class="stress"</strong>>胆小如鼠</span>
ログイン後にコピー

ID セレクター

多くの点で、ID セレクターはクラス セレクターと似ていますが、いくつかの重要な違いがあります。

1. ID = の ID 名を設定します。 class="クラス名" の代わりにラベル "。

2. ID セレクターの前には、英語のドット

(.)

の代わりにポンド記号

(#)

が付きます。

右側のコード エディターは、ID セレクターの完全な例です。

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