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 SelectorChromeEdgeFirefoxInternet ExplorerOperaSafari
基本 サポートフルサポート◯ 1フルサポート◯ 12フルサポート◯ 1フルサポートフルサポートフルサポート

サポートするモバイル ブラウザ対応・互換性

PropertyMobile 互換性
.class SelectorAndroidChrome for Android
Edge MobileFirefox for Android
Opera for Android
iOS SafariSamsung Internet
基本 サポートフルサポートフルサポートフルサポートフルサポート◯ 4フルサポートフルサポートフルサポート
CSS .class Selector| CSS:スタイルシート 関数 要素 使い方・書き方 例 CSS サンプル
CSS .class Selector | CSS プロパティ 値| 意味 使い方 実例 – WebRef
あわせて読みたい

Html

Glossary

PHP

JavaScript

JQuery

CSS