How using CSS to select last level hierarchy elements?

Asked May 12 '21 at 10:00

Active May 12 '21 at 11:56

Viewed 171 times

This is my code:

<ul>
    <li>
        <ul>
            ... (There can be many other nested elements ul li)
            <li>a</li>
            <li>b</li>
            ...
        </ul>
    </li>
</ul>

How to using CSS to select last level hierarchy elements li (the result is that the li elements contain a and b) without knowing level hierarchy

CSS is possible if available: ul * li:last-hierarchy

Result the selected elements should be:

<li>a</li>
<li>b</li>

edited May 12 '21 at 11:56

asked May 12 '21 at 10:00

TRI ÂN

why not just `ul ul li` – painotpi May 12 '21 at 10:02
This is the focus of the question: "... (There can be many other nested elements)" – TRI ÂN May 12 '21 at 10:04
What are nested elements though? if it's other tags then it hardly matters right, since you only want `li`? – painotpi May 12 '21 at 10:06
you want last hierarchy value or you want to apply css ? – Kiran Mistry May 12 '21 at 10:07
@Kiran Mistry, yes – TRI ÂN May 12 '21 at 10:19
my question is that what you want ? – Kiran Mistry May 12 '21 at 10:21
in this case, the hierarchy you are having, ul > li {css} will work, as I can see if there is content then no other nesting is there, and if nesting is there then content will not. – Atul Rajput May 12 '21 at 11:03
I want to apply style to element li last (contain a and b) – TRI ÂN May 12 '21 at 11:04
Can you explain why your situation wouldn't allow you to add classes? – Barthy May 12 '21 at 11:04
lets do one thing if you can, make it nested as much as you want, just add some more elements, and then it would be easy to solve it... – Atul Rajput May 12 '21 at 11:05
My html content is copied from a third party, so the format is not the same every time. – TRI ÂN May 12 '21 at 11:10
let me create an example for you, just confirm one thing, the nested hierarchy will always be UL LI right? – Atul Rajput May 12 '21 at 11:12
4

What you want is not possible, _“without knowing level hierarchy”_ There is no CSS selector to directly express what you want, so you can only achieve this by having the full “chain” of parent elements combined with `>` in your selector. – CBroe May 12 '21 at 11:13
Content can nest elements other then ul li – TRI ÂN May 12 '21 at 11:13
if it can be other than UL LI then its not possible with css as Cbore mentioned above – Atul Rajput May 12 '21 at 11:17

How using CSS to select last level hierarchy elements?

0 Answers0