24 lines
1.7 KiB
Plaintext
24 lines
1.7 KiB
Plaintext
# Problème avec le sélecteur CSS :last-child
|
|
|
|
=> https://lacantine-stbrieuc.org/wp-content/uploads/2013/02/css3.png [IMG]
|
|
Peut être vous êtes vous déjà demandé pourquoi votre sélecteur :last-child ne ciblait pas le dernier élément de la classe que vous lui avez passé. Nous avons explication: c'est parce que ce sélecteur se base sur l'élément où s'applique la classe, et qu'il choisit le dernier élément.Admettons que nous ayons ce code HTML
|
|
|
|
```
|
|
mon item mon item 2 mon item 3 mon item 4
|
|
```
|
|
|
|
et ce code CSS pour avoir en fond rouge le derner .panel.
|
|
|
|
```
|
|
.panel:last-child{ background: red;}
|
|
```
|
|
|
|
Surprise, aucun élément .panel n'a de fond rouge, et surtout pas le dernier (4e enfant de
|
|
|
|
).Il semblerait que c'est un bug CSS non résolu à ce jour, et que comme le dernier div n'est pas de la class panel, il ne soit ciblé, et ne renvoie pas un test concluant. Donc, n'applique pas le style demandé.Et oui jammy, même dans Chrome supportant parfaitement le CSS3.Cependant, je suis toute ouïe si vous avez une meilleure explication.
|
|
|
|
# Métadonnées
|
|
|
|
:PROPERTIES: :ID: ae34299c-1b08-4ed4-a7e8-fbadb271a7cf :END: #+title: problme-avec-le-slecteur-css-last-child #+post_ID: 268 #+post_slug: problme-avec-le-slecteur-css-last-child #+post_url:
|
|
=> https://www.ciperbliss.com/2013/problme-avec-le-slecteur-css-last-child
|
|
#+post_title: Problème avec le sélecteur CSS :last-child #+post_type: post #+post_mime_types: #+post_guid: #+post_status: publish #+post_date_published: <2013-05-03 13:57:33> #+post_date_modified: <2013-05-03 13:57:33> #+post_index_page_roam_id: [[id:eb3564de-713d-46a7-b69f-dc25e6cc2093][undefined]] #+retrieved_from_db_at: <2024-11-07 22:21:40> |