I would like to use css3 features to hiding previous element. Basically, I want

Question

Editorial Team

Asked: June 15, 20262026-06-15T14:32:07+00:00 2026-06-15T14:32:07+00:00

I would like to use css3 features to hiding previous element.

Basically,

I want to use a checkbox to hide previous sibling element without using javascript.

I have prepared a sample for entry point.

Thanks

Edit:

I have changed sample.
My usecase: I want to have collapsible sections at my site. Two area separated by a simple checkbox and checking it will beautifully hide previous sibling.

I believe that using pure css will let me to reduce using javascript for this task.

You must login to add an answer.

Need An Account,

Editorial Team · Answer 1 · 2026-06-15T14:32:08+00:00

Editorial Team

You can not hide the previous elements – just the following ones with the general sibling selector

Then you might be able to position the elements, so on the actual page the checkbox will appear after the .parent div.

The Archive Base Latest Questions