0

I know lot of questions being asked on this topic and I have gone through them but in vain. I wanted to ask the same question again as the questions asked on this topic are very old hence hoping now I get some answer:

We are using third party iFrame which has their own styling. We want to do extra styling on what already done to meet our design requirements. So here goes the problem.

I need to style div containing input of type radio. There are two sets of this components in our application:

1) 

<div class="parent">
   <div>Select options</div>
   <div><input type=radio></input></div>
   <div><input type=radio></input></div>
   <div><input type=radio></input></div>
   <div><input type=radio></input></div>
</div>

2) 

<div class="parent">
   <div><input type=radio></input></div>
   <div><input type=radio></input></div>
</div>

If you see in both cases parent shares same css class.I tried following way:

'.parent div:not(:first-child)': {}

But it fails to style first element in second scenario.

I searched a lot and everywhere it said that parent selectors are not possible. If I dont find any solution I have to go to our partner

Ethan Vu
  • 2,464
  • 5
  • 20
Nagendra Prasadu Gandla
  • 23
  • 3
  • Your selector works as expected: https://jsfiddle.net/p4o1L3v9/1/. But, since you can't select an element based on it's children, you will need a non-CSS solution. – Turnip May 22 '20 at 09:42

0 Answers0