<div class="tabs">
<div class="classname">
<label for="tab-btn-1">Вкладка 1</label>
<label for="tab-btn-2">Вкладка 2</label>
<label for="tab-btn-3">Вкладка 3</label>
</div>
<input type="radio" name="tab-btn" id="tab-btn-1" value="" checked>
<input type="radio" name="tab-btn" id="tab-btn-2" value="">
<input type="radio" name="tab-btn" id="tab-btn-3" value="">
<div id="content-1">
Содержимое 1...
</div>
<div id="content-2">
Содержимое 2...
</div>
<div id="content-3">
Содержимое 3...
</div>
</div>
.tabs input[type=radio] { display: none; }
).classname:has(#tab-btn-1:checked) ~ #content-1 { display: block; }
/* или */
.tabs:has(#tab-btn-1:checked) #content-1 { display: block; }
<input type="radio" name="tab-btn" id="tab-btn-1" value="" checked>
<label for="tab-btn-1">Вкладка 1</label>
<input type="radio" name="tab-btn" id="tab-btn-2" value="">
<label for="tab-btn-2">Вкладка 2</label>
<input type="radio" name="tab-btn" id="tab-btn-3" value="">
<label for="tab-btn-3">Вкладка 3</label>
<div id="content-1"> ... </div>
<div id="content-2"> ... </div>
<div id="content-3"> ... </div>
#content-1,
#content-2,
#content-3 {
display: none;
}
#tab-btn-1:checked~#content-1,
#tab-btn-2:checked~#content-2,
#tab-btn-3:checked~#content-3 {
display: block;
}
Буду ли я заниматься чем-то сложнее чем во фронте.
1.Если хочешь стать Тим лидом куда расти верстальщику.
2. Есть ли в вебе что-то кроме создания простых сайтов.
почему автор еще не перешел на версию 2023
PhpStorm 2022.2.5
Build #PS-222.4554.13, built on March 17, 2023
Licensed to Sergey Bezborodov
You have a perpetual fallback license for this version.
Subscription expired on November 11, 2022.
Объясните детальнее, что вы имеете ввиду.