how do you combine two container tag
Answers
Answered by
1
currently trying to make a TAB without javaScript and only with html and CSS and I found it is possible to do it with radio-button
<body> <div id="a1" class="a1"> <div id="a2" class="a2"> <div id="a3" class="a3"> <div id="menu" class="menu"> <div id="menu-1"> <input id=radio-1 checked ><label></label> </div> <div id="menu-2"> <input id=radio-2><label></label> </div> <div id="menu-3"> <input id=radio-3><label></label> </div> </div> </div> </div> </div> <div id="b1" class="b1"> <div id="b2" class="b2"> <div id="container" class="container"> <div id="content1" class="content1"></div> <div id="content1" class="content1"></div> <div id="content1" class="content1"></div> </div> </div> </div> </body>
If the radio-buton and content are two element in sibling tag/have the same parent, I can use combinator "~" or if it is next o eachothers, I can use "+" to combine those element as a selector, so if any radio-"n" is checked the code inside"{}"is working in content-"n" element (it show&transite to conten-"n") like this:
/* CSS */
<body> <div id="a1" class="a1"> <div id="a2" class="a2"> <div id="a3" class="a3"> <div id="menu" class="menu"> <div id="menu-1"> <input id=radio-1 checked ><label></label> </div> <div id="menu-2"> <input id=radio-2><label></label> </div> <div id="menu-3"> <input id=radio-3><label></label> </div> </div> </div> </div> </div> <div id="b1" class="b1"> <div id="b2" class="b2"> <div id="container" class="container"> <div id="content1" class="content1"></div> <div id="content1" class="content1"></div> <div id="content1" class="content1"></div> </div> </div> </div> </body>
If the radio-buton and content are two element in sibling tag/have the same parent, I can use combinator "~" or if it is next o eachothers, I can use "+" to combine those element as a selector, so if any radio-"n" is checked the code inside"{}"is working in content-"n" element (it show&transite to conten-"n") like this:
/* CSS */
Khushideswal111:
please mark it as branliest
Similar questions