Différences

Ci-dessous, les différences entre deux révisions de la page.

--- web:basescss [2022/08/25 15:50] – [8. Sélecteurs avancés] phil
+++ web:basescss [2023/06/18 18:47] (Version actuelle) – phil
@@ Ligne 3: / Ligne 3: @@
 ===== WEB - Les bases du CSS =====
-[Mise à jour le 25/8/2022]
+[Mise à jour le 18/6/2023]
-  * **Source**
+  * **Ressources**
     * <html><a href="https://developer.mozilla.org/fr/docs/Web/CSS" target="_blank">MDN web doc</a></html>
@@ Ligne 304: / Ligne 304: @@
 // Exemple //
 <code css *.css>
-/* Pour appliquer la règle à toutes les balises <em> contenues dans la balise <h3> */
+/* Pour appliquer la règle à toutes les balises <em> contenues dans une balise <h3> */
 h3 em {
@@ Ligne 315: / Ligne 315: @@
 // Exemple //
 <code css *.css>
-/* Pour appliquer la règle à la première balise p qui suit une balise h3 */
+/* Pour appliquer la règle à la première balise p (paragraphe) qui suit une balise h3 (titre) */
 h3 + p {
@@ Ligne 326: / Ligne 326: @@
 // Exemple //
 <code css *.css>
-/* Pour appliquer la règle à toutes les balises a possédant l'attribut title */
+/* Pour appliquer la règle à toutes les balises a (lien) possédant l'attribut title */
 a[title]{
@@ Ligne 337: / Ligne 337: @@
 // Exemple //
 <code css *.css>
-{
+/* Pour appliquer la règle à toutes les balises a (lien) dont l'attribut title est égal au texte : Cliquez ici */
+a[title="Cliquez ici"]{
     /* Règle CSS */
 }
@@ Ligne 346: / Ligne 348: @@
 // Exemple //
 <code css *.css>
+/* Pour appliquer la règle à toutes les balises a (lien) dont l'attribut title contient le texte : ici */
+a[title*="Clic ici"]
 {
     /* Règle CSS */
@@ Ligne 351: / Ligne 355: @@
 </code>
+==== Pour aller plus loin ... ====
+<html><a href="https://fr.learnlayout.com/" target="_blank">Apprendre les mises en page CSS</a></html>