[CSS]Jak wykorzystywać :hover w css? |
[CSS]Jak wykorzystywać :hover w css? |
15.03.2023, 14:21:47
Post
#1
|
|
Grupa: Zarejestrowani Postów: 18 Pomógł: 0 Dołączył: 17.01.2023 Ostrzeżenie: (0%) |
Czy :hover w CSS-e można wykorzystać do przeprowadzania zmian w innej części kodu, strony? Czyli np: najeżdżamy myszką nad przycisk a wykonuje się zmiana, operacja w innej części kodu, strony, czy jest tylko wykorzystywany do odnośników?.
Czy można zrobić tak?: ol > li > .klas:hover div > p { ... } Z góry dziękuję za odpowiedź. |
|
|
15.03.2023, 14:23:16
Post
#2
|
|
Grupa: Zarejestrowani Postów: 6 761 Pomógł: 1822 Dołączył: 11.03.2014 Ostrzeżenie: (0%) |
Można. Właściwie nie w kodzie, ale w stylach innych elementów.
Nie spróbowałeś? -------------------- |
|
|
15.03.2023, 14:30:34
Post
#3
|
|
Grupa: Zarejestrowani Postów: 18 Pomógł: 0 Dołączył: 17.01.2023 Ostrzeżenie: (0%) |
|
|
|
15.03.2023, 14:38:14
Post
#4
|
|
Grupa: Zarejestrowani Postów: 6 761 Pomógł: 1822 Dołączył: 11.03.2014 Ostrzeżenie: (0%) |
-------------------- |
|
|
15.03.2023, 15:05:49
Post
#5
|
|
Grupa: Zarejestrowani Postów: 18 Pomógł: 0 Dołączył: 17.01.2023 Ostrzeżenie: (0%) |
oraz CSS:
chodzi mi o dwa ostatnie polecenia w pliku CSS. |
|
|
15.03.2023, 18:02:47
Post
#6
|
|
Grupa: Zarejestrowani Postów: 6 761 Pomógł: 1822 Dołączył: 11.03.2014 Ostrzeżenie: (0%) |
Takie selektory nie zadziałają. Chciałbyś z pomocą CSS sterować elementem nadrzędnym za pomocą elementu podrzędnego. Póki co w CSS nie ma selektora, który by to umożliwiał.
Widzę, że chcesz zmienić wysokość elementu nadrzędnego, bo wcześniej ustaliłeś wysokość 300px. Dlaczego nie taką, aby po prostu zmieściła się w nim zawartość (czyli bez ustalania height, albo height: auto)? -------------------- |
|
|
15.03.2023, 18:33:02
Post
#7
|
|
Grupa: Zarejestrowani Postów: 18 Pomógł: 0 Dołączył: 17.01.2023 Ostrzeżenie: (0%) |
Takie selektory nie zadziałają. Chciałbyś z pomocą CSS sterować elementem nadrzędnym za pomocą elementu podrzędnego. Póki co w CSS nie ma selektora, który by to umożliwiał. Widzę, że chcesz zmienić wysokość elementu nadrzędnego, bo wcześniej ustaliłeś wysokość 300px. Dlaczego nie taką, aby po prostu zmieściła się w nim zawartość (czyli bez ustalania height, albo height: auto)? Dzięki za pomoc oraz za szczegółowe wyjaśnienia. |
|
|
16.03.2023, 07:42:14
Post
#8
|
|
Grupa: Zarejestrowani Postów: 6 365 Pomógł: 1114 Dołączył: 30.08.2006 Ostrzeżenie: (0%) |
Tak nie do końca, zależy https://developer.mozilla.org/en-US/docs/Web/CSS/:has
-------------------- |
|
|
16.03.2023, 07:57:22
Post
#9
|
|
Grupa: Zarejestrowani Postów: 6 761 Pomógł: 1822 Dołączył: 11.03.2014 Ostrzeżenie: (0%) |
Masz rację, viking.
Dla jednej z reguł będzie to wyglądać tak:
-------------------- |
|
|
16.03.2023, 14:41:36
Post
#10
|
|
Grupa: Zarejestrowani Postów: 531 Pomógł: 55 Dołączył: 3.01.2016 Skąd: Łowicz Ostrzeżenie: (0%) |
Czy :hover w CSS-e można wykorzystać do przeprowadzania zmian w innej części kodu, strony? Czyli np: najeżdżamy myszką nad przycisk a wykonuje się zmiana, operacja w innej części kodu, strony, czy jest tylko wykorzystywany do odnośników?. Bez problemu można zmienić wartości dowolnych elementów nie musi to być parent czy child. Służy do tego selektor +, wskazujesz jaki element ma ulec zmianie przykład hover na elemencie .jeden zmieni kolory na elemencie .dwa -------------------- Szukam zleceń Symfony, Laravel, Back-End, Front-End, PHP, MySQL ...
|
|
|
16.03.2023, 15:08:30
Post
#11
|
|
Grupa: Zarejestrowani Postów: 6 761 Pomógł: 1822 Dołączył: 11.03.2014 Ostrzeżenie: (0%) |
Bez problemu można zmienić wartości dowolnych elementów nie musi to być parent czy child. Służy do tego selektor +, wskazujesz jaki element ma ulec zmianie Ale tym selektorem można zmienić tylko bezpośredniego sąsiada na tym samym poziomie hierarchii. Bardziej ogólny byłby ~. Niemniej obydwa nie pozwalają zmienić elementów na wyższym poziomie względem elementu odniesienia. -------------------- |
|
|
Wersja Lo-Fi | Aktualny czas: 28.04.2024 - 03:36 |