Style le dernier élément ayant une classe spécifique

Question

Style le dernier élément ayant une classe spécifique

2

30556 2017-01-06

J'ai un code comme celui-ci.

 <div class="slick"></div>
<div class="slick active"></div>
<div class="slick active"></div>
<div class="slick active"></div>
<div class="slick"></div>
<div class="slick"></div>

Je veux styliser le dernier div ayant la classe «active».Y a-t-il unmoyen defaire cela?

I have a code like this.

<div class="slick"></div>
<div class="slick active"></div>
<div class="slick active"></div>
<div class="slick active"></div>
<div class="slick"></div>
<div class="slick"></div>

I want to style the last div having the class 'active'. Is there any way to do this?

2 réponses

votes

- 0
- 2017-01-06
avec l'aide dejQuery,vouspouvez yparvenir.

jQuerytrouvera le dernierenfant duparentet vous donnera lapossibilité de le changeren ajoutant des classeset des styles.

suivez ce lien https://api.jquery.com/last-child-sélecteur/

ou utilisez des css comme celui-ci https://css-tricks.com/almanac/selectors/l/last-child/

with the help of jQuery you can achieve it.

jQuery will find the last child of the parent and give you ability to change it by adding classes and styles.

go through this link https://api.jquery.com/last-child-selector/

or use css like this https://css-tricks.com/almanac/selectors/l/last-child/
- Désolé,cen'estpas utile.
  
  Sorry, It is not helpful.
  - 0
  - 2017-01-06
  - Gince George
- si c'est le cas,suivez ce lien.cela aidera à coup sûr https://css-tricks.com/almanac/selectors/l/last-child/
  
  if so follow this link. it will help for sure https://css-tricks.com/almanac/selectors/l/last-child/
  - 0
  - 2017-01-06
  - Shareef
- Jepense que vousn'avezpas comprisma question.Je veux styliser la dernière div ayant la classe «active».J'ai déjàessayé votre code.
  
  I think you didn't understand my question. I want to style last div having the class 'active'. I've already tried your code.
  - 0
  - 2017-01-06
  - Gince George
- Oh!alors cela devrait résoudre votreproblème http://stackoverflow.com/questions/7298057/css-last-child-selector-select-last-element-of-specific-class-not-last-child-i
  
  oh! then this should solve your issue http://stackoverflow.com/questions/7298057/css-last-child-selector-select-last-element-of-specific-class-not-last-child-i
  - 0
  - 2017-01-06
  - Shareef

Sjors Ottjes · Accepted Answer · 2017-01-06

1

2017-01-06

Iln'y a aucun (bon)moyen de résoudre ceproblème dans son état actuel avec CSS.Lameilleure solutionest d'ajouter une classe supplémentaire à la dernière div active,ou d'utiliserjavascript

Voir cette question pourplus de détails