:last-child pseudo-class mixed with attribute selector not working

by

I’m trying to select the first and last child of an element with a specific data- attribute.

Bottom line is, there’s no way to do that in CSS.

last-child (and last-of-type) mean, well, “last child”, and “last child of type”, they do not mean “last child matching the entire selector including an attribute selector”. In your case, it is likely that the third div is not actually the last child (or not the last div) within the parent element; it’s impossible to tell unless you show the entire HTML including the parent element and all its children.

More Related Contents:

  1. how do I make device specific selectors in css [closed]
  2. Is there a “previous sibling” selector?
  3. What does a space mean in a CSS selector? i.e. What is the difference between .classA.classB and .classA .classB?
  4. CSS selector for first element with class
  5. What does the “+” (plus sign) CSS selector mean?
  6. Is there a CSS selector by class prefix?
  7. How do I select an element based on the state of another element in the page with CSS?
  8. Does the order of classes listed on an item affect the CSS?
  9. Select all child elements recursively in CSS
  10. CSS “and” and “or”
  11. Using the last-child selector
  12. Why doesn’t the selector h3:nth-child(1):contains(‘a’) work?
  13. What is the difference between :focus and :active?
  14. Can I have multiple :before pseudo-elements for the same element?
  15. Are parentheses allowed in CSS selectors?
  16. What is the difference between pipe (|) and caret (^) attribute selectors?
  17. Can type selectors be repeated to increase specificity?
  18. The use of /deep/ and >>> in Angular 2
  19. Zebra striping a table with hidden rows using CSS3?
  20. Select nth-child across multiple parents
  21. Combining :not() selectors in CSS
  22. Select an element with empty class attribute (class=””) using CSS?
  23. How do I target elements with an attribute that has any value in CSS?
  24. CSS select the first child from elements with particular attribute
  25. What does .container.\31 25\25 mean in CSS?
  26. Can you target an element with CSS only if 2 classes are present?
  27. nth-child for every two table rows
  28. nth-child doesn’t respond to class selector [duplicate]
  29. Why are my CSS properties being overridden/ignored?
  30. CSS selector based on width?

Leave a Comment