I want to select class AAA if class BBB has class CCC
.AAA+.CCC {
color: red;
}<div class="AAA">Test1</div> <!-- red color -->
<div class="BBB CCC">Test2</div>
<div class="AAA">Test3</div>
<div class="BBB">Test4</div>
Asked
Active
Viewed 37 times
0
TEN_KUNG
- 1,229
- 2
- 5
- 12
-
Any element with "AAA" class, or siblings of "BBB CCC"? – technophyle Jan 13 '23 at 08:32
-
`.BBB.CCC + .AAA { color: red; }` ? – Johan Jan 13 '23 at 08:34
-
That does next element – mplungjan Jan 13 '23 at 08:36
-
@technophyle only AAA class if next class is CCC – TEN_KUNG Jan 13 '23 at 08:48
-
1.AAA:has(+ .BBB.CCC) { color: red } – dev.skas Jan 13 '23 at 08:52
-
FYI, :has is not supported by all browsers please check this [article](https://developer.mozilla.org/en-US/docs/Web/CSS/:has) – Burham B. Soliman Jan 13 '23 at 08:58