I've been using the <a href="https://wiki.roll20.net/CSS_Wizardry#Tabs" rel="nofollow">https://wiki.roll20.net/CSS_Wizardry#Tabs</a> to figure out how to create tabs, and I managed to get one set working. I then wanted to create another set of tabs, but they're not working and I can't figure out what the problem is. HTML: <input type="radio" name="attr_tab" class="sheet-tab sheet-tab1" value="1"><b>Masteries&emsp;&emsp;</b>
<input type="radio" name="attr_tab" class="sheet-tab sheet-tab2" value="2" checked="checked"><b>Weapon Masteries&emsp;&emsp;</b>
<input type="radio" name="attr_tab" class="sheet-tab sheet-tab3" value="3"><b>Magic&emsp;&emsp;</b>
<input type="radio" name="attr_tab" class="sheet-tab sheet-tab4" value="4"><b>Social&emsp;&emsp;</b>
<input type="radio" name="attr_tab" class="sheet-tab sheet-tab5" value="5"><b>Abilities&emsp;&emsp;</b>
<input type="radio" name="attr_tab" class="sheet-tab sheet-tab6" value="6"><b>Inventory&emsp;&emsp;</b>
<hr/>
<!--Masteries-->
<div class="sheet-tab-content sheet-tab1"></div>
<!--Weapon Masteries-->
<div class="sheet-tab-content sheet-tab2">
<input type="radio" name="attr_wtab" class="weapon-tab weapon-tab1" value="1" checked="checked"><b>Martial Prowess&emsp;&emsp;</b>
<input type="radio" name="attr_wtab" class="weapon-tab weapon-tab2" value="2"><b>Dagger Mastery&emsp;&emsp;</b>
<input type="radio" name="attr_wtab" class="weapon-tab weapon-tab3" value="3"><b>1h Sword Mastery&emsp;&emsp;</b>
<input type="radio" name="attr_wtab" class="weapon-tab weapon-tab4" value="4"><b>Greatsword Mastery&emsp;&emsp;</b>
<input type="radio" name="attr_wtab" class="weapon-tab weapon-tab5" value="5"><b>Spear Mastery&emsp;&emsp;</b>
<input type="radio" name="attr_wtab" class="weapon-tab weapon-tab6" value="6"><b>Shield Mastery&emsp;&emsp;</b>
<hr/>
<!--Martial Prowess-->
<div class="weapon-tab-content weapon-tab1"></div>
<!--Dagger Mastery-->
<div class="weapon-tab-content weapon-tab2"></div>
<!--One Handed Sword Mastery-->
<div class="weapon-tab-content weapon-tab3"></div>
<!--Greatsword Mastery-->
<div class="weapon-tab-content weapon-tab4"></div>
<!--Spear Mastery-->
<div class="weapon-tab-content weapon-tab5"></div>
<!--Shield Mastery-->
<div class="weapon-tab-content weapon-tab6"></div>
</div>
<!--Magic-->
<div class="sheet-tab-content sheet-tab3"></div>
<!--Social-->
<div class="sheet-tab-content sheet-tab4"></div>
<!--Abilities-->
<div class="sheet-tab-content sheet-tab5"></div>
<!--Inventory-->
<div class="sheet-tab-content sheet-tab6"></div> CSS: div.sheet-tab-content {display:none;}
input.sheet-tab1:checked ~ div.sheet-tab1,
input.sheet-tab2:checked ~ div.sheet-tab2,
input.sheet-tab3:checked ~ div.sheet-tab3,
input.sheet-tab4:checked ~ div.sheet-tab4,
input.sheet-tab5:checked ~ div.sheet-tab5,
input.sheet-tab6:checked ~ div.sheet-tab6 { display: block; }
div.weapon-tab-content {display:none;}
input.weapon-tab1:checked ~ div.weapon-tab1,
input.weapon-tab2:checked ~ div.weapon-tab2,
input.weapon-tab3:checked ~ div.weapon-tab3,
input.weapon-tab4:checked ~ div.weapon-tab4,
input.weapon-tab5:checked ~ div.weapon-tab5,
input.weapon-tab6:checked ~ div.weapon-tab6 { display: block; } If anyone could explain to me what I did wrong I'd be really thankful. EDIT: Incase it wasn't clear, it's the sheet-tab that's working, but not weapon-tab
