pseudoklasy

#2.1. Właściwości CSS – zaawansowane | #2. CSS – praktyka

Podpowiedź Przed rozpoczęciem tego rozdziału, polecam zapoznać się z moim podstawowym kursem “Plan nauki Frontend Developer”, a dokładniej z rozdziałem “Zabawa z CSS”. Warto przećwiczyć podstawowe praktyki pisania kodu, co w przyszłości pomoże przy wykonywaniu zadań. × Odrzuć alert W poprzednim rozdziale poznaliśmy podstawy HTML i CSS. Był to jednak dopiero początek. Style CSS posiadają …

#2.1. Właściwości CSS – zaawansowane | #2. CSS – praktyka Read More »

#39. Pseudoselektory

Pseudoselektor ::first-letter Pseudoselektor ::first-letter daje możliwość ostylowania pierwszej litery w wybranym elemencie. Dotychczas do takich zadań potrzebowaliśmy tagów span wokół wybranej litery do której nadawano klasę i style. Powyższy pseudoselektor można stosować w przypadku, gdy prowadzimy stronę z tekstami i np. chcemy wyróżnić pierwszą literę artykułu. Spójrz na poniższy przykład w którym zastosowałem pseudoselektor powiększający …

#39. Pseudoselektory Read More »

#38. Pseudoklasy

Selektor :first-child oraz :last-child Selektor :first-child pozwala wybrać pierwszego potomka danego elementu. Natomiast selektor :last-child wybiera ostatnie dziecko elementu. Przykładowo, chcemy wybrać pierwszy element p zawarty w div. Możemy specjalnie nadać mu klasę i do niej dodawać właściwości, lub zrobić to bez ingerencji w plik HTM używając selektora :first:child. Potrzebna reguła wyglądałaby następująco: div > …

#38. Pseudoklasy Read More »

#25. Stany elementów

Pseudoklasy – o co chodzi❓ W HTML-u elementy, w zależności od działań użytkownika, z pomocą CSS, mogą zmienić swój wygląd. Służą do tego tzw. pseudoklasy CSS Pseudoklasa pozwala ustawić wygląd elementu, zależnie od tego w jakim stanie się znajduję lub jaką akcję na nim wykonano. Poniżej przedstawiam konstrukcję reguły z pseudoklasą: .klasa-lub-tag:stanpseudoklasy {<br /><br /> …

#25. Stany elementów Read More »