Pagalbos su CSS

[Memories]

Sveiki, neseniai pradėjau mokytis dirbti su Bootstrap/HTML/CSS ir jau spėjau susidurti su keblumais - neišeina pakeisti .nav li elemento a spalvos (http://jsfiddle.net/baffledmoose/mgxaq46v/1/).

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.css">

<style>
	.nav > li
	{
		background-color: initial;
		transition: background-color 0.5s linear;
		-o-transition: background-color 0.5s linear;
		-ms-transition: background-color 0.5s linear;
		-moz-transition: background-color 0.5s linear;
		-webkit-transition: background-color 0.5s linear;
	}

	.nav > li:hover
	{
		background-color: #333;
		color: black;
	}

	.nav > li > a
	{
		color: #fff;
	}

	.nav > li > a:hover, .nav > li > a:focus
	{
		color: #000;
	}
</style>

<nav class="navbar navbar-inverse navbar-fixed-top">
	<div class='container-fluid'>
		<div class='navbar-header'>
			<a class='navbar-brand' href='#'>Test Fiddle</a>
		</div>
		<ul class='nav navbar-nav'>
			<li><a href="#">Item #1</a></li>
			<li><a href="#">Item #2</a></li>
		</ul>
	</div>
</nav>

Viršuje pateiktame kode elemento a pradinė spalva turėtų būti balta, o, užslinkus curser'į - juoda.

Redaguota Spalio 29, 2017, nario Memories

[► Skrepsis ◄]

Tai tu padarei li:hover ir tada a:hover

[Memories]

4 minutes prieš, ► Skrepsis ◄ parašė:

Tai tu padarei li:hover ir tada a:hover

Tipo eiliškumą sukeisti, ar kažko nesupratau?

[mariusqw]

http://jsfiddle.net/mgxaq46v/3/

Redaguota Spalio 29, 2017, nario mariusqw

[Memories]

4 minutes prieš, mariusqw parašė:

http://jsfiddle.net/mgxaq46v/2/

Tikiuosi tau to reikėjo

Rodos tik li elemento spalvas pakeitei.

Man reikia, kad a (teksto, esančio li) pradinė spalva būtų balta, o užėjus su curser'iu - juoda, o dabar yra #9d9d9d -> #ffffff.

[mariusqw]

Parašyk į skype: johnas395 bus lengviau padėt.