Peršokti į turinį

Pagalbos su CSS


Memories

Recommended Posts

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 , nario Memories
Nuoroda į komentarą
Dalintis per kitą puslapį

4 minutes prieš, mariusqw parašė:

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

Tikiuosi tau to reikėjo :D

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.

Nuoroda į komentarą
Dalintis per kitą puslapį

Prisijungti prie diskusijos

Palikti atsakymą galite iš karto, o užsiregistruoti vėliau. Jeigu jau turite paskyrą mūsų forume, Prisijunkite.

Svečias
Atsakyti šioje temoje...

×   Įklijuotas tekstas turi teksto formatavimą.   Pašalinti teksto formatavimą

  Galimi tik 75 veidukai.

×   Nuoroda buvo automatiškai įterpta.   Įterpti nuorodą paprastai

×   Jūsų ankstesnis pranešimas buvo atkurtas.   Išvalyti redaktorių

×   Jūs negalite įkelti nuotraukas tiesiogiai.Įkelkite arba įdėkite nuotraukas iš URL.

  • Šiame puslapyje naršo:   0 nariai

    • Nėra registruotų narių peržiūrinčių šį forumą.

×
×
  • Sukurti naują...