[Решено] Активная вкладка в карточке товара

[ironzorin2]

Не могу достучаться до активной вкладки.

      <div class="row">
        <div class="white-bg padding-30 margin-bottom-30" id="product-tab">
		  <ul class="nav nav-tabs">
            <li class="active"><a href="#tab-description" data-toggle="tab"><?php echo $tab_description; ?></a></li>
            <?php if ($attribute_groups) { ?>
            <li><a href="#tab-specification" data-toggle="tab"><?php echo $tab_attribute; ?></a></li>
            <?php } ?>
            <?php if ($review_status) { ?>
            <li><a href="#tab-review" data-toggle="tab"><?php echo $tab_review; ?></a></li>
            <?php } ?>
          </ul>

Конструкция 

#product-tab .nav > li > a.active {
	margin-bottom: 15px;
	background: #9b2d30 !important;
	color:white;
	height: 68px;
}

не срабатывает. Притом, что в хедере аналогичная (для аналогичной структуры)

#menu2 .nav > li > a.active {

вполне себе работает как надо.

 

Подозреваю, что всё дело в data-toggle="tab"

[spectre]

Ну так посмотрите по селектору

у li класс active а не у а

[thentru]

#product-tab .nav-tabs > li.active > a

 

[ironzorin2]

25 минут назад, thentru сказал:

#product-tab .nav-tabs > li.active > a

 

Спасибо, так работает.