MasterKit
Junior Member | Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Добрый день!
Подскажите, плиз, как увеличить число вкладок? В примере их было 3, а нужно 5 или 6.
Вот кусок кода, который отвечает за переключение вкладок, с ним и загвоздка:
Код: .tabs-target span:nth-of-type(1):not(:target) ~ span:nth-of-type(2):not(:target) ~ .tab:nth-of-type(1),
.tabs-target span:nth-of-type(2):target ~ .tab:nth-of-type(2),
.tabs-target span:nth-of-type(1):target ~ .tab:nth-of-type(3)
{
display: block;
} |
Вкладки сделаны так:
Код: <div>
<a class="tab-link" href="#tabA">Описание 1</a>
<a class="tab-link" href="#tabB">Описание 2</a>
<a class="tab-link" href="#tabC">Описание 3</a>
<br>
<a class="tab-link" href="#tabD">Описание 4</a>
<a class="tab-link" href="#tabE">Описание 5</a>
</div>
<span class="target-fix" id="tabA"></span>
<span class="target-fix" id="tabB"></span>
<span class="target-fix" id="tabC"></span>
<span class="target-fix" id="tabD"></span>
<span class="target-fix" id="tabE"></span>
|
Пример взят отсюда _ttp://csscience.com/css3-tabs/ (3-ий) |
