CSS .class Selector| CSS:スタイルシート 関数 要素 使い方・書き方 例 CSS サンプル
ページコンテンツ
.class Selector CSS プロパティとは
トピック:クラスセレクタを使用してclass属性を持つHTML要素を選択することができるそのクラスを持つすべての要素は、定義された規則に従ってフォーマットされる。クラスセレクタは、クラス属性値にあるピリオド( . )で定義する
CSS クラスセレクタ
- 情報:
.classセレクタは、特定のクラス属性を持つ要素を選択する 特定のクラスを持つ要素を選択するには、ピリオド( . )とクラス名を入力する特定のHTML要素のみがクラスの影響を受けるように指定することもできるこれを行うには、要素名の後にピリオド( . )を続け、文字の後にクラスの名前を続けます
実例 コード 1
サンプル コードを試す.webref {color: blue;}
構文
.class_name { style : properties ; }
HTML要素名 {スタイル要素のプロパティ : プロパティ値; }
または、以下attribute selector
[class~=class_name] { style : properties ; }
HTML要素名 {スタイル要素のプロパティ : プロパティ値; }
| CSS バージョン | CSS 1 |
|---|
サポートするデスクトップ ブラウザ対応・互換性
| Property | .class Selector 内容 説明 | |||||
|---|---|---|---|---|---|---|
| .class Selector | Chrome | Edge | Firefox | Internet Explorer | Opera | Safari |
| 基本 サポート | フルサポート◯ 1 | フルサポート◯ 12 | フルサポート◯ 1 | フルサポート◯ | フルサポート◯ | フルサポート◯ |
サポートするモバイル ブラウザ対応・互換性
| Property | Mobile 互換性 | ||||||
|---|---|---|---|---|---|---|---|
| .class Selector | Android | Chrome for Android | Edge Mobile | Firefox for Android | Opera for Android | iOS Safari | Samsung Internet |
| 基本 サポート | フルサポート◯ | フルサポート◯ | フルサポート◯ | フルサポート◯ 4 | フルサポート◯ | フルサポート◯ | フルサポート◯ |
