0

私は単一ページのサイトを持っています。私のナビゲーションは、ブートストラップ 3 によってスタイル設定されたいくつかのボタンで構成されています。

1ページなのでボタンはアンカータグです。.activeクリックされた最後のアンカー タグにクラスを適用できるようにしたいと考えています。

これは私のHTMLです：

<a href="#home">
    <button type="button" class="btn btn-default btn-lg active">
    <span class="glyphicon glyphicon-home"></span> Home
    </button>
</a>

<a href="#about">
    <button type="button" class="btn btn-default btn-lg">
    <span class="glyphicon glyphicon-user"></span> About
    </button>
</a>

そして私のCSS：

.btn-default:hover,
.btn-default:focus,
.btn-default:active,
.btn-default.active,
.open .dropdown-toggle.btn-default {
border:none;
background-color: #2C3E50;
border-bottom: 1px solid #2C3E50;
}
4

2 に答える 2