CSS3 query target label + input[type="radio"] (specify node)

Question

Hi I would like to target and modify the <label> tag only when is next to a input[type=radio], no in any other cirscuntances.

My code looks like this:

<fieldset>
  <legend>Some legend</legend>
  <p>Some explanation</p>
  <label>
   <input type="radio" name="#{name}" value="#{value}" />
  </label>
</fieldset>

I tryied with fieldset label:first-child+input[type=radio]{} but doenst work, if someone can help me would be awesome.

EDIT: What I want is to be able to style only the LABEL tag no the RADIO button INPUT tag, and this style will apply only when <label><input type="radio"></label> structure is found.

Your `label` is not *next* to your `input`. Your `input` is *inside* your `label`. — gen_Eric, Oct 23 '12 at 15:05

score 3 · Accepted Answer · edited May 23 '17 at 10:34

3

What you are asking for is not possible in CSS. It is not possible to traverse "back" or "up" the DOM tree (so you can't target previous siblings or parent nodes).

See this post: Is there a CSS parent selector?

edited May 23 '17 at 10:34

Community

1
1

answered Oct 23 '12 at 15:08

skyline3000

7,639
2
24
33

CSS3 query target label + input[type="radio"] (specify node)

1 Answers1