
Hi,
Pretty straightforward question. I have a repeating section for skills in the character sheet I am working on, and I would like to have a toggle OUT of the fieldset to get to edit mode, which would unhide some fields and make some others editable...
I have a class that works well where depending on the status of a checkbox of the class TestChecked, everything of the class HideIfChecked disappears, and it is done so that the testChecked can be in the parent.
.sheet-testChecked:checked~.sheet-HideIfChecked{display:none;}
But :
-the testChecked is able to inherit to children, : the code below works just fine
<input class="testchecked" type="checkbox" name="attr_test">
<div> <span> this text is always on</span> <span class= "HideIfChecked"> This text depend on the checkbox</span> </div>
-It doesn't seem to be able to inherit within the fieldset. The code below doesn't work as intended
<input class="testchecked" type="checkbox" name="attr_test">
<div> <fieldset><span> this text is always on</span> <span class= "HideIfChecked"> This text depend on the checkbox</span> </fieldset></div>
<input class="testchecked" type="checkbox" name="attr_test">
<div> <fieldset>
<input class="testchecked" hidden type="checkbox" name="attr_test">
<span> this text is always on</span> <span class= "HideIfChecked"> This text depend on the checkbox</span> </fieldset></div>