Problem z .option:hover

Question

Witam

Przerabiam właśnie drugi odcinek kursu CSS (38:11) Pana Mirosława i pomimo zapisania wszystkiego jak na filmiku strona nie reaguje na kod zawarty w .option:hover. Miał ktoś może podobny problem lub może coś poradzić. (uruchamiam strone na Firefox, ale na Chrome też nie działa)

.option
{
	float: left;
	min-width: 50px;
	height: 25px;
	font-size: 18px;
	padding: 10px; 
	border-right: 2px dotted #444444; 
} 

.option:hover
{
	background-color: #000000;
	cursor: pointer;
}

<div id="Menu">
			<div class="option" >Stron główna</div>
			<div class="option" >Dystrybucje</div>
			<div class="option" >Instalacja</div>
			<div class="option" >Polecenia</div>
			<div class="option" >Linus Torvalds</div>
			<div class="option" >O projekcie</div>
			<div style="clear:both;"></div>
		</div>

 

Comments

Co dokładnie nie działa? Psełdoklasa `:hover` definiuje zachowanie objektu po najechaniu kursorem. Kod działa: cssdeck.com/labs/do9gxxze.

Answer 1

Kolego drogi, zadeklarowałeś w pliku .html zewnętrzny arkusz styli?

Jeżeli nie, to proponuje żebys obejrzał 1. Odcinek jeszcze raz ( nie oglądałem ale daje sobie rękę uciąć, że tam to znajdziesz)