From 307bcddb02da360ea78847be475d6cce74cba508 Mon Sep 17 00:00:00 2001 From: Masahiro FUJIMOTO Date: Thu, 6 Jan 2022 02:10:28 +0900 Subject: 2021/08/13 時点の英語版に同期 MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- files/ja/web/css/type_selectors/index.md | 119 +++++++++++++++---------------- 1 file changed, 57 insertions(+), 62 deletions(-) diff --git a/files/ja/web/css/type_selectors/index.md b/files/ja/web/css/type_selectors/index.md index 028fda8d7e..214f8a4174 100644 --- a/files/ja/web/css/type_selectors/index.md +++ b/files/ja/web/css/type_selectors/index.md @@ -5,79 +5,74 @@ tags: - CSS - HTML - Node - - Reference - - Selectors + - リファレンス - セレクター +browser-compat: css.selectors.type translation_of: Web/CSS/Type_selectors --- -
{{ CSSRef }}
+{{CSSRef}} -

CSS の要素型セレクター (type selector) は、ノード名で要素をマッチさせます。つまり、文書内にある指定された型の要素をすべて選択します。

+CSS の**要素型セレクター** (type selector) は、ノード名で要素を一致させます。つまり、文書内にある指定された型の要素をすべて選択します。 -
/* すべての <a> 要素。 */
+```css
+/* すべての  要素。 */
 a {
   color: red;
-}
+} +``` + +要素型セレクターは {{CSSXref("@namespace")}} を使用して名前空間を付けることができます。これは、複数の名前空間を含む文書、例えば HTML5 とインライン SVG または MathML、または複数の語彙が混在した XML などを扱うのに有用です。 -

構文

+- `ns|h1` - 名前空間 _ns_ の中で `

` 要素に一致します +- `*|h1` - `

` 要素に一致します +- `|h1` - 名前空間が宣言されていない `

` 要素に一致します -
要素名 { スタイルプロパティ }
-
+## 構文 -

例

+```css +要素名 { スタイルプロパティ } +``` -

CSS

+## 例 -
span {
+### CSS
+
+```css
+span {
   background-color: skyblue;
 }
-
- -

HTML

- -
<span>テキストを持つspanタグです。</span>
-<p>テキストを持つpタグです。</p>
-<span>追加のテキストを持つspanタグです。</span>
-
- -

結果

- -

{{EmbedLiveSample('Example', '100%', 150)}}

- -

仕様書

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
仕様状態コメント
{{SpecName('CSS4 Selectors', '#type-selectors', 'Type (tag name) selector')}}{{Spec2('CSS4 Selectors')}}変更なし
{{SpecName('CSS3 Selectors', '#type-selectors', 'type selectors')}}{{Spec2('CSS3 Selectors')}}変更なし
{{SpecName('CSS2.1', 'selector.html#type-selectors', 'type selectors')}}{{Spec2('CSS2.1')}} 
{{SpecName('CSS1', '#basic-concepts', 'type selectors')}}{{Spec2('CSS1')}}初回定義
- -

ブラウザー実装状況

- -

{{Compat("css.selectors.type")}}

+``` + +### HTML + +```html +テキストを持つ span です。 +

テキストを持つ p です。

+追加のテキストを持つ span です。 +``` + +### 結果 + +{{EmbedLiveSample('Examples', '100%', 150)}} + +### 名前空間 + +この例では、セレクターは example 名前空間内の `

` 要素にのみ一致します。 + +```css +@namespace example url(http://www.example.com); +example|h1 { color: blue } +``` + +## 仕様書 + +{{Specifications}} + +## ブラウザーの互換性 + +{{Compat}} + +## 関連情報 + +- [CSS セレクター](/ja/docs/Web/CSS/CSS_Selectors) +- [CSS の学習: セレクター](/ja/docs/Learn/CSS/Building_blocks/Selectors) -- cgit v1.2.3-54-g00ecf