blob: a5a7ff186cf459fe626a59f84168fbc0a0be41a3 (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
|
---
title: 全称セレクター
slug: Web/CSS/Universal_selectors
tags:
- CSS
- リファレンス
- セレクター
browser-compat: css.selectors.universal
translation_of: Web/CSS/Universal_selectors
---
{{CSSRef}}
CSS の**全称セレクター** (universal selector) (`*`) は、すべての種類の要素に一致します。
```css
/* すべての要素を選択 */
* {
color: green;
}
```
全称セレクターは {{CSSXref("@namespace")}} を使用して名前空間を付けることができます。これは、複数の名前空間を含む文書、例えば HTML5 とインライン SVG または MathML、または複数の語彙が混在した XML などを扱うのに有用です。
- `ns|*` - 名前空間 _ns_ の中ですべての要素に一致します
- `*|*` - すべての要素に一致します
- `|*` - 名前空間が宣言されていないすべての要素に一致します
## 構文
```css
* { スタイルプロパティ }
```
アスタリスクは単純セレクターを伴う場合に省略可能です。たとえば、 `*.warning` と `.warning` は等価です。
## 例
### CSS
```css
* [lang^=en] {
color: green;
}
*.warning {
color: red;
}
*#maincontent {
border: 1px solid blue;
}
.floating {
float: left
}
/* 浮動要素の後の兄弟要素で自動的に浮動を解除する */
.floating + * {
clear: left;
}
```
### HTML
```html
<p class="warning">
<span lang="en-us">A green span</span> in a red paragraph.
</p>
<p id="maincontent" lang="en-gb">
<span class="warning">A red span</span> in a green paragraph.
</p>
```
### 結果
{{EmbedLiveSample('Examples')}}
### 名前空間
この例では、セレクターは example 名前空間内の要素にのみ一致します。
```css
@namespace example url(http://www.example.com);
example|* { color: blue }
```
## 仕様書
{{Specifications}}
## ブラウザーの互換性
{{Compat}}
## 関連情報
- [CSS セレクター](/ja/docs/Web/CSS/CSS_Selectors)
- [CSS の学習: セレクター](/ja/docs/Learn/CSS/Building_blocks/Selectors)
|
