bootstrap4：色の指定

Question

bootstrap4の色の指定についてです。以下のコードのようにして、liタグの文字色を黒、カーソルを当てたときに赤色になるようにしたいのですが、文字色が変わりません。font-sizeとfont-weightは反映されているので、cssが読み込まれていないということではないはずです。よろしくお願いします。

<div id="global_navigation" class="collapse navbar-collapse">
	<ul class="navbar-nav">
		<li class="nav-item"><a href="" class="nav-link">link1</a></li>
		<li class="nav-item"><a href="" class="nav-link">link2</a></li>
		<li class="nav-item"><a href="" class="nav-link">link3</a></li>
	</ul>
</div>

li {
	color: #000000;
	font-size: 12px;
	font-weight: bold;
}

li:hover {
	color: #FF0000;
}

Answer 1

まあ a タグの設定のほうが有効ですから aタグに対するCSSが bootstrap にあるので有効です。

.nav-link にも 設定されてたかもしれません。

Comments

[soft_admin]

なるほど、、、ではどうすれば色の変更ができるでしょうか？

[退会済みユーザー]

a タグで上書きされてるのに何の設定を上掛けばいいって愚問ですよね

[soft_admin]

すみません、初心者なのでわかりません。

[s8_chu]

soft_admin さん>
https://codepen.io/anon/pen/MZZyoR

[soft_admin]

hover時でなくても色が変わらないので、それもaタグで指定すれば良いということですか？

[退会済みユーザー]

んだよ