There is no (good) way to solve this problem in its current state with CSS. The best solution is to add an extra class to the last active div, or to use javascript
See this question for more details
Related Posts:
- How to make a monopoly board using css grid?
- How to horizontally center an element
- Unblur content inside blurring background div
- Setting table column width
- How to set a border for an HTML div tag
- Setting table column width
- Why does z-index not work?
- Creating a nav bar with flexbox
- Is
element block level or inline level?
- How to line-break from css, without using
? - How to put img inline with text
- How to center a “position: absolute” element
- How do I make an image smaller with CSS?
- Two divs side by side – Fluid display
- What is sr-only in Bootstrap 3?
- How to place a text next to the picture?
- FontAwesome icons are not showing, Why?
- Remove border from IFrame
- How to change text transparency in HTML/CSS?
- CSS horizontal scroll
- Bootstrap 4 images thumbnail classes
- How do I set a background-color for the width of text, not the width of the entire element, using CSS?
- AngularJS ngClass conditional
- How to darken a background using CSS?
- text-overflow: ellipsis not working
- How to reference nested classes with css?
- Placing border inside of div and not on its edge
- Why is there an unexplainable gap between these inline-block div elements?
- How to apply CSS to iframe?
- CSS centred header image
- Change Color of Fonts in DIV (CSS)
- Why is “cursor:pointer” effect in CSS not working
- How to move text up using CSS when nothing is working
- How to style input and submit button with CSS?
- a href link for entire div in HTML/CSS
- How to align content of a div to the bottom
- How to outline text in HTML / CSS
- Complete list of reasons why a css file might not be working
- How to draw a dotted line with css?
- How to stick text to the bottom of the page?
- How to make blinking/flashing text with CSS 3
- HTML iframe – disable scroll
- How to center content in a Bootstrap column?
- Freeze the top row for an html table only (Fixed Table Header Scrolling)
- HTML list-style-type dash
- Why doesn’t height: 100% work to expand divs to the screen height?
- How can I position my div at the bottom of its container?
- Bootstrap throws Uncaught Error: Bootstrap’s JavaScript requires jQuery
- Why doesn’t height: 100% work to expand divs to the screen height?
- How can I position my div at the bottom of its container?
- How do I install a custom font on an HTML site
- How to overlay one div over another div
- How can I make my footer center to the bottom of the page?
- How to align an input tag to the center without specifying the width?
- How can I embed video for discord directly from website?
- Why would max-width not work on this?
- Basic CSS – how to overlay a DIV with semi-transparent DIV on top
- difference between width auto and width 100 percent
- Making text background transparent but not text itself
- How to show text on image when hovering?
- Place input box at the center of div
- Fit background image to div
- body background color not showing?
- Table scroll with HTML and CSS
- Set cellpadding and cellspacing in CSS?
- How to make my website fit any screen size?
- Display:inline not working
- how to do a line break in Bootstrap 3.3.7
- CSS content property: is it possible to insert HTML instead of Text?
- Vertical align not working on inline-block
- How to increase height of textarea using bootstrap rows and columns
- Indent List in HTML and CSS
- Bootstrap 3 Glyphicons CDN
- Absolute position is not working
- Position absolute but relative to parent
- How do you specify table padding in CSS? ( table, not cell padding )
- Is it possible to put CSS @media rules inline?
- Make padding responsive
- Two Divs next to each other, that then stack with responsive change
- Vertically align text next to an image?
- SVG drop shadow using css3
- Force table column widths to always be fixed regardless of contents
- HTML not loading CSS file
- Change the color of glyphicons to blue in some- but not at all places using Bootstrap 2
- How can I center my ul li list in css?
- Using Numbers With Font Awesome
- Is it possible to use css to shrink text to automatically fit the size of the div
- CSS !important not working
- How to best set a CSS3 transition to none?
- Why is vertical-align: middle not working on my span or div?
- ow to change the style of the title attribute inside an anchor tag?
- Flex align-items: center not centering items
- How can I align text directly beneath an image?
- how do I get the bullet points of a
- to center with the text?
- jQuery find element by data attribute value
- CSS: Can a div “float:middle” rather than “float:left;” with margin-left?
- How do I clear the content of a div using JavaScript?
- WordPress footer menu floating with height of footer
- Style reply form different than comment form
- How put links in wordpress dynamic sidebar?