navbar kolor href

Question

witam. Chcialbym aby ktos wyjasnil mi jak mam rozumiec ten kod:

.nav > li > a:hover{
    background-color:#FCC;
}

1.jest w uzyciu w moim kodzie natomiast nie rozumiem go kompletnie, zmienia mi moje href'y na dany kolor-tak jak chcialem. Jednak chce zrozumiec dlaczego tak a nie inaczej. Dlaczego nie moglem uzyc np klasy .nav-pills i w css dac dla niej color:red; <przykladowo. 

2.Druga czesc pytania zwiazana jest z tlem ktore jest za moimi href'ami. Tworze portfolio i w navbarze umiescilem takie podstawowe sekcje jak 'about' 'contact' itp. Po najechaniu na jedna z nich ma ona wlasny 'background-color' ze tak to ujeme. Ja chcialbym zastosowac przezroczysta opcje-jesli jest taka mozliwosc, poniewaz w tle mam obrazek, i nie chce by cokolwiek go przeslanialo.

3.Dany navbar z gory narzuca mi kolor czcionki jaki bedzie w nim dominowal, jak moge go zmienic? w css przy uzyciu klasy nie idzie 

Comments

Tak na marginesie, mam prośbę: zmień kategorię pytania z C/C++ na HTML/CSS, ułatwi to dostęp do pytania ; )

Answer 1

1. Znak większości w CSS to tzw. selektor dziecka, odnosi się do bezpośredniego potomka danego elementu. U Ciebie oznacza to, że wszystkim elementom a znajdującym się bezpośrednio w kolejności pod li, które te li znajdują się się bezpośrednio w kolejności pod znacznikiem nav zostanie ustawiony kolor w trakcie najechania kursora. Bezpośrednio, to znaczy, że nie ma innych znaczników pomiędzy nimi, tylko następują kolejno w hierarchii po sobie. Jak niżej:

<div class="nav">
	<li><a href="#">Text 1</a></li>
	<li><a href="#">Text 2</a></li>
	<li><a href="#">Text 3</a></li>
</div>

Jednak nazwę nav polecam zarezerwować jako znacznik semantyczny w HTML5: Mirosław Zelent - Znaczniki HTML5.

Nie bardzo rozumiem o co chodzi z klasą .nav-pills, o której piszesz nie mając pełnego kodu. Gwoli wyjaśnienia wewnątrz znaczników w class możesz umieszczać kilka cssowych klas rozdzielając je spacją. Zauważ jednak, że polecenie color zmieni Ci kolor czcionki, a nie tła.

2. W CSS, wewnątrz hover możesz umieścić:

.nazwa-klasy:hover {
    opacity: 0.5;
    filter: alpha(opacity=50); /* For IE8 and earlier */
}

Atrybut opacity spowoduje dodanie przeźroczystości, której wartość możesz zmienić.

3. Awaryjnie możesz sprawdzić metodą inline albo F12 [Chrome] lub CTRL+SHIFT+C [Opera] w przeglądarce, czy faktycznie chodzi o kolor navbaru, dlatego że zmiana w CSS powinna przysłonić domyślne zachowanie, zobacz jednak w jaki sposób dołączasz arkusze styli. Spraw, aby najpierw pojawił się Bootstrap, a dopiero później Twój arkusz (ten w którym przesłaniasz atrybuty).