From 149319bb8c7b1394a443f0877c3460cd362aa815 Mon Sep 17 00:00:00 2001 From: julieng Date: Fri, 17 Sep 2021 20:58:15 +0200 Subject: move *.html to *.md --- files/fr/web/css/universal_selectors/index.html | 102 ------------------------ files/fr/web/css/universal_selectors/index.md | 102 ++++++++++++++++++++++++ 2 files changed, 102 insertions(+), 102 deletions(-) delete mode 100644 files/fr/web/css/universal_selectors/index.html create mode 100644 files/fr/web/css/universal_selectors/index.md (limited to 'files/fr/web/css/universal_selectors') diff --git a/files/fr/web/css/universal_selectors/index.html b/files/fr/web/css/universal_selectors/index.html deleted file mode 100644 index 5ed4458ed6..0000000000 --- a/files/fr/web/css/universal_selectors/index.html +++ /dev/null @@ -1,102 +0,0 @@ ---- -title: Sélecteurs universels -slug: Web/CSS/Universal_selectors -tags: - - CSS - - Reference - - Sélecteur -translation_of: Web/CSS/Universal_selectors -original_slug: Web/CSS/Sélecteurs_universels ---- -
{{CSSRef("Selectors")}}
- -

L'astérisque (*) est le sélecteur universel en CSS. Il correspond à un élément de n'importe quel type.

- -
* {
-  color: green;
-}
- -

En CSS 3, l'astérisque peut être combinée avec les espaces de nom :

- - - -

Syntaxe

- -
* { style properties }
- -

L'astérisque est optionnelle lorsqu'elle est utilisée avec des sélecteurs simples. Par exemple, *.warning et .warning seront équivalents.

- -

Exemples

- -

CSS

- -
* [lang^=fr] {
-  color:green;
-}
-
-*.warning {
-  color:red;
-}
-
-*#maincontent {
-  border: 1px solid blue;
-}
-
-.floating {
-  float: left;
-}
-
-.floating + * {
-  clear: left;
-}
-
- -

HTML

- -
<p class="warning">
-  <span lang="fr">Un span vert</span> dans un paragraphe rouge.
-</p>
-<p id="maincontent" lang="fr">
-  <span class="warning">Un span rouge</span> dans un paragraphe vert.
-</p>
- -

Résultat

- -

{{EmbedLiveSample('Exemples', 250, 100)}}

- -

Spécifications

- - - - - - - - - - - - - - - - - - - - - - - - - - -
SpécificationÉtatCommentaires
{{SpecName('CSS4 Selectors', '#the-universal-selector', 'universal selector')}}{{Spec2('CSS4 Selectors')}}Aucune modification.
{{SpecName('CSS3 Selectors', '#universal-selector', 'universal selector')}}{{Spec2('CSS3 Selectors')}}Définition du comportement avec les espaces de noms et ajout d'indications pour omettre le sélecteur avec les pseudo-éléments.
{{SpecName('CSS2.1', 'selector.html#universal-selector', 'universal selector')}}{{Spec2('CSS2.1')}}Définition initiale.
- -

Compatibilité des navigateurs

- -

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

diff --git a/files/fr/web/css/universal_selectors/index.md b/files/fr/web/css/universal_selectors/index.md new file mode 100644 index 0000000000..5ed4458ed6 --- /dev/null +++ b/files/fr/web/css/universal_selectors/index.md @@ -0,0 +1,102 @@ +--- +title: Sélecteurs universels +slug: Web/CSS/Universal_selectors +tags: + - CSS + - Reference + - Sélecteur +translation_of: Web/CSS/Universal_selectors +original_slug: Web/CSS/Sélecteurs_universels +--- +
{{CSSRef("Selectors")}}
+ +

L'astérisque (*) est le sélecteur universel en CSS. Il correspond à un élément de n'importe quel type.

+ +
* {
+  color: green;
+}
+ +

En CSS 3, l'astérisque peut être combinée avec les espaces de nom :

+ + + +

Syntaxe

+ +
* { style properties }
+ +

L'astérisque est optionnelle lorsqu'elle est utilisée avec des sélecteurs simples. Par exemple, *.warning et .warning seront équivalents.

+ +

Exemples

+ +

CSS

+ +
* [lang^=fr] {
+  color:green;
+}
+
+*.warning {
+  color:red;
+}
+
+*#maincontent {
+  border: 1px solid blue;
+}
+
+.floating {
+  float: left;
+}
+
+.floating + * {
+  clear: left;
+}
+
+ +

HTML

+ +
<p class="warning">
+  <span lang="fr">Un span vert</span> dans un paragraphe rouge.
+</p>
+<p id="maincontent" lang="fr">
+  <span class="warning">Un span rouge</span> dans un paragraphe vert.
+</p>
+ +

Résultat

+ +

{{EmbedLiveSample('Exemples', 250, 100)}}

+ +

Spécifications

+ + + + + + + + + + + + + + + + + + + + + + + + + + +
SpécificationÉtatCommentaires
{{SpecName('CSS4 Selectors', '#the-universal-selector', 'universal selector')}}{{Spec2('CSS4 Selectors')}}Aucune modification.
{{SpecName('CSS3 Selectors', '#universal-selector', 'universal selector')}}{{Spec2('CSS3 Selectors')}}Définition du comportement avec les espaces de noms et ajout d'indications pour omettre le sélecteur avec les pseudo-éléments.
{{SpecName('CSS2.1', 'selector.html#universal-selector', 'universal selector')}}{{Spec2('CSS2.1')}}Définition initiale.
+ +

Compatibilité des navigateurs

+ +

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

-- cgit v1.2.3-54-g00ecf