css - problem z hover

pytanie zadane 23 lipca 2017 w HTML i CSS przez pebrzosky Obywatel (1,160 p.)

Cześć

Poniżej wklejam swój kod w html. Czy mógłby mi ktoś pomóc lub wytłumaczyć, jak odnieść się do konkretnej klasy w CSS?

https://pastebin.com/Zb2xdHQG

Potrzebuję stworzyć hover dla linku "Zapomniałeś się zalogować" trochę nie ogarniam już jak to funkcjonuje, na przykładach widziałem że raz wpisujemy w jednej linijce w stylach kilka klas w innym, że jedną

3 odpowiedzi

odpowiedź 23 lipca 2017 przez ForeverFriendzone Dyskutant (7,520 p.)
wybrane 23 lipca 2017 przez pebrzosky

Najlepsza

Zobacz jak to funkcjonuje: https://jsfiddle.net/gxbp83q8/

umieść <link rel="stylesheet" type="text/css" href="mystyle.css"> przed odwołaniem do bootstrapa na początku sekcji head.

komentarz 23 lipca 2017 przez pebrzosky Obywatel (1,160 p.)

dzięki zadziałało. Nie wiem czy dobrze myślę, ale czy problemem mogło być to że kolor biały dla tej czcionki określiłem sobie bezpośrednio w html, natomiast hover na inny kolor w css (?)

komentarz 24 lipca 2017 przez ForeverFriendzone Dyskutant (7,520 p.)

musiałbym widzieć kod, bo z tego co piszesz trudno jest mi cokolwiek wywnioskować :D

odpowiedź 23 lipca 2017 przez Kamil Łydka Stary wyjadacz (13,600 p.)

.nazwaklasy:hover{

}

(proponuję najpierw ogarnąć podstawy html-a i css-a, a potem brać się za bootstrapa :)

komentarz 23 lipca 2017 przez pebrzosky Obywatel (1,160 p.)

do której klasy? widziałeś kod? :)

komentarz 23 lipca 2017 przez Kamil Łydka Stary wyjadacz (13,600 p.)

no musisz dodać sobie klasę ;), np tak:

<a class='jakas_nazwa' href="#">Zapomniałeś swojego hasła?</a>

i potem w pliku css:

.jakas_nazwa:hover{

}

Jakbyś chciał, żeby działało to dla wszystkich linków na twojej stronie, to wystarczy, że zrobisz:

a:hover{

}

komentarz 23 lipca 2017 przez pebrzosky Obywatel (1,160 p.)

no niestety coś nie trybi, a nie muszę się też przypadkiem odnieść doklasy nadrzędnej?

komentarz 23 lipca 2017 przez Kamil Łydka Stary wyjadacz (13,600 p.)

Nie, nie musisz, na pewno podłączyłeś dobrze css-a w <head> </head>?

komentarz 23 lipca 2017 przez pebrzosky Obywatel (1,160 p.)

tak, tak, dobrze podłączyłem, inne style do których się odnosiłem działają bez zarzutu

komentarz 23 lipca 2017 przez Kamil Łydka Stary wyjadacz (13,600 p.)

Pokaż jak to zrobiłeś...

komentarz 23 lipca 2017 przez pebrzosky Obywatel (1,160 p.)

<head>
<title>strona</title>
<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="mystyle.css">
<link href="https://fonts.googleapis.com/css?family=Poppins" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Lato" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" href="animate.min.css">
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>

komentarz 23 lipca 2017 przez Kamil Łydka Stary wyjadacz (13,600 p.)

Jak używasz gotowych css-ów, to najlepiej najpierw daj te zewnętrzne, a na sam koniec swoje, bo możliwe że coś się przykrywa.

Kolejna sprawa, że myślałem, że dasz mi swojego html'a i css i wstaw albo kod w bloczki albo na jakiś upload, tak jak to zrobiłeś w pytaniu.