Parent Select CSS

Asked Jul 14 '17 at 14:51

Active Jul 14 '17 at 14:51

Viewed 34 times

I need to apply a css style to the li element that contains the a element with attribute title equals to "Home"

<body>
    <ul>
        <li><a href="#" title="Home">1</a></li>
        <li><a href="#" class="class" >2</a></li>
        <li><a href="#"title="Home3">3</a></li>
        <li><a href="#">4</a></li>
        <li><a href="#">5</a></li>
    </ul>
</body>

I've tried with this selector but it doesn't work

li<a[title="Home"]{display:none;}

What css i should apply? Thanks

asked Jul 14 '17 at 14:51

Ultramito

not possible....https://css-tricks.com/parent-selectors-in-css/. Can you use jquery? – tech2017 Jul 14 '17 at 14:52
not possible as mentioned ^^ take a look into jQuery / JS – treyBake Jul 14 '17 at 14:52
1

What in the world is `<`? I don't think browsers allow you to make up your own CSS selectors ;-) – Michael Benjamin Jul 14 '17 at 14:54
I can't use jquery :( I can use only css unfortunately. Thanks anyway! – Ultramito Jul 14 '17 at 14:54
There will/might be a [`:has()`](https://developer.mozilla.org/en-US/docs/Web/CSS/:has) selector in the future, but it is still a draft. – t.niese Jul 14 '17 at 14:56
Just try replacing `<` with `>`, take a look at [this](https://jsfiddle.net/uf861dj6/) – Ikhlak S. Jul 14 '17 at 14:58
How to do it with jQuery? – Ultramito Jul 14 '17 at 15:08

Parent Select CSS

0 Answers0