Teraz spróbuj wymyślić, jak wyróżnić punkt 2.

Rozwiązanie 1

Ul:first-of-type > li:nth-child(2) ( grubość czcionki: pogrubiona; )

Rozwiązanie 2

P + ul li:last-child ( grubość czcionki: pogrubiona; )

Rozwiązanie 3

Ul:first-of-type li:nth-last-child(1) ( grubość czcionki: pogrubiona; )

Zgodność

• IE9+
• Firefox 3.5+
• safari
• Opera

Selektory CSS są jedną z głównych cech języka CSS. Selektory umożliwiają odwoływanie się zarówno do grupy elementów, jak i tylko do jednego z nich.

Selektory w CSS

Selektory służą do informowania przeglądarki, które elementy mają zastosować style opisane w nawiasach klamrowych.

P(
Style…
}

W tym przypadku selektorem jest p, znacznik akapitu. Taka reguła doda style do wszystkich akapitów na stronie internetowej.

Co to są selektory CSS?

Selektor tagów jest najprostszy. Pokazano to na przykładzie. Aby zapisać to w css, musisz wpisać nazwę tagu bez nawiasów ostrych. Style zostaną zastosowane do wszystkich elementów z tym znacznikiem.
Table() - style dla wszystkich tabel
Li() — style dla wszystkich elementów listy
A() - style dla wszystkich linków

Klasa stylu Możesz dołączyć klasę stylu do dowolnego elementu strony internetowej. Nawet na jedną literę. Następnie w pliku css możesz odwołać się do tego elementu pisząc dla niego własne style. Aby to zrobić, postaw kropkę, a po niej wpisz nazwę klasy stylu. Przykłady:
.about() - reguły zostaną zastosowane do wszystkich elementów posiadających atrybut class = "about"
.down() - reguły zostaną zastosowane do wszystkich elementów posiadających atrybut class = "down"
.float() - reguły zostaną zastosowane do wszystkich elementów posiadających atrybut class = "float"

Jak widać, najważniejsze jest, aby położyć temu kres. Klasę stylu można powiązać z nieograniczoną liczbą elementów. Element może mieć wiele klas.

Identyfikator jest innym rodzajem selektora. Jeden identyfikator można przypisać tylko do jednego elementu. Nie może mieć dwóch identyfikatorów, a identyfikator dołączony do tego elementu nie może być określony nigdzie indziej.

Ustawia się to tak:

Ustęp

Oznacza to, że podobnie jak w przypadku klasy używany jest tylko atrybut ID dowolne słowo jest używane jako wartość.

Aby odwołać się do elementu o identyfikatorze poprzez css, musisz wpisać wartość identyfikatora i umieścić przed nią hash.

#Pierwszy(
rozmiar czcionki: 22px
}

Odsyłamy do ust identyfikator = pierwszy. Styl będzie dotyczył tylko tego. Pozostałe akapity nie zmienią rozmiaru czcionki.

CSS zawiera reguły stylu, które są interpretowane przez przeglądarkę, a następnie stosowane do odpowiednich elementów w dokumencie. Reguła stylu składa się z trzech części:

• Selektor to znacznik HTML, do którego zostanie zastosowany styl. Może to być dowolny tag, np.

  Lub itp.

  Nieruchomość to typ atrybutu znacznika HTML. Mówiąc najprościej, wszystkie atrybuty w HTML są konwertowane na właściwości CSS. Mogą to być kolory, obramowania, wyściółka itp.

  Oznaczający- ustawiony na właściwość. Na przykład właściwość koloru może mieć wartość zielony, #008000 i tak dalej.

  Składnia selektorów w CSS jest następująca:

  Selektor (właściwość: wartość)

  Przykład. Możesz ustawić obramowanie tabeli w następujący sposób:

  Tabela (obramowanie: bryła 2px #FF8C00; )

  Tutaj składnia selektora jest następująca: table jest selektorem, border jest właściwością, a 2px solid #FF8C00 jest wartością tej właściwości.

  Selektory można definiować na różne sposoby, w zależności od potrzeb. Poniżej znajdują się typy selektorów.>

  Standardowe selektory

  To jest ten sam selektor, który widziałeś powyżej. Znowu kolejny przykład nadawania koloru wszystkim nagłówkom pierwszego poziomu:

  H1 (kolor: #8B4513; )

  Selektory uniwersalne

  Zamiast wybierać elementy określonego typu, selektor uniwersalny po prostu dopasowuje nazwę dowolnego typu elementu:

  * (kolor: #808080; )

  Ta reguła renderuje zawartość każdego elementu w naszym dokumencie w kolorze szarym.

  Selektory potomków lub selektory zagnieżdżone

  Załóżmy, że chcesz zastosować regułę stylu do określonego elementu tylko wtedy, gdy znajduje się on wewnątrz określonego elementu, a selektory zagnieżdżone lub potomkowe pomogą Ci w tym. Jak pokazano w poniższym przykładzie, reguła stylu zostanie zastosowana do elementu tylko wtedy, gdy znajduje się wewnątrz tagu

  .

  Ul em (kolor: #CD5C5C; )

  Selektory klas

  Możesz ustawić reguły stylu dla elementów w oparciu o atrybut class. Wszystkie elementy posiadające tę klasę zostaną sformatowane zgodnie ze zdefiniowaną regułą.

  Niebieski (kolor: #0000FF;)

  klasa="niebieski". Możesz uczynić selektor klasy nieco bardziej szczegółowym. Na przykład:

  H1.niebieski (kolor: #0000FF; )

  z atrybutem klasa="niebieski".

  Do tego samego elementu można zastosować wiele selektorów klas. Rozważ następujący przykład:

  Ten akapit będzie sformatowany za pomocą klas Centrum I pogrubiony.

  Selektory identyfikatorów

  Możesz ustawić reguły stylu dla elementów w oparciu o atrybut id. Wszystkie elementy posiadające ten identyfikator zostaną sformatowane zgodnie ze zdefiniowaną regułą.

  #niebieski (kolor: #0000FF; )

  Ta reguła renderuje w naszym dokumencie zawartość na niebiesko dla każdego elementu z atrybutem id="niebieski". Możesz uczynić selektor identyfikatora nieco bardziej szczegółowym. Na przykład:

  H1#niebieski (kolor: #0000FF; )

  Ta reguła renderuje tylko zawartość na niebiesko dla elementów

  z atrybutem id="niebieski".

  Prawdziwa moc selektorów id polega na tym, że są one używane jako podstawa dla selektorów potomnych, jak poniżej:

  #niebieski h2 ( kolor: #0000FF; )

  W tym przykładzie wszystkie nagłówki drugiego poziomu będą wyświetlane na niebiesko, jeśli znajdą się w tagach z danym atrybutem id="niebieski".

  Selektory podrzędne

  Selektory potomków już znasz. Istnieje inny typ selektorów, który jest bardzo podobny do selektorów podrzędnych, ale ma inną funkcjonalność – selektor podrzędny. Rozważ następujący przykład:

  Ciało > p ( kolor: #0000FF; )

  Ta reguła wyświetli wszystkie akapity na niebiesko, jeśli są bezpośrednim dzieckiem . Inne akapity umieszczone wewnątrz innych elementów typu

  Lub

  Sąsiadujące selektory Elementy HTML następujące po sobie nazywane są sąsiadami. Rozważ następujący przykład: Mocny + em ( kolor: #0000FF; ) Ta reguła wyświetli zawartość tagu na niebiesko, jeśli występuje po elemencie . Inne tagi , nie pojawiający się po tagu , nie będzie miało wpływu na tę zasadę. Selektory atrybutów Możesz także zastosować style do elementów HTML z określonymi atrybutami. Następująca reguła stylu dopasuje wszystkie elementy wejściowe, które mają atrybut type o wartości tekstowej: Wejście (kolor: #0000FF; ) Zaletą korzystania z selektorów atrybutów jest to, że element nie ulega zmianie, a kolor jest stosowany tylko do żądanych pól tekstowych. W przypadku selektora atrybutów obowiązują następujące zasady: p - zaznacza wszystkie elementy akapitu z atrybutem lang. p - zaznacza wszystkie elementy akapitu, w których atrybut lang ma wartość dokładnie „ru”. p - zaznacza wszystkie elementy akapitu, w których atrybut lang zawiera słowo "ru". p - Wybiera wszystkie elementy akapitu, w których atrybut lang zawiera wartości dokładnie „ru” lub zaczynające się od „ru”. Kilka zasad stylu Może być konieczne zdefiniowanie wielu reguł stylu dla pojedynczego elementu. Możesz ustawić te reguły, aby połączyć wiele właściwości i odpowiadających im wartości w jeden blok, jak pokazano w poniższym przykładzie: H1 ( kolor: #00CED1; odstęp między literami: .2em; transformacja tekstu: małe litery; dolny margines: 2em; grubość czcionki: 700; ) Wszystkie pary właściwości i wartości są oddzielone średnikiem (;). Można je przechowywać w jednej linii lub w wielu liniach. Dla lepszej czytelności umieść je w oddzielnych wierszach. Nie martw się o właściwości wymienione w powyższym bloku. Właściwości te zostaną wyjaśnione w poniższych lekcjach. Grupowanie selektorów w CSS Jeśli chcesz, możesz nadać styl wielu selektorom. Po prostu oddziel selektory przecinkiem, jak pokazano w poniższym przykładzie: H1, h2, h3 ( kolor: #00CED1; odstęp między literami: .2em; transformacja tekstu: małe litery; dolny margines: 2em; grubość czcionki: 700; ) Ta zasada stylu zostanie zastosowana do elementów h1, h2 i h3. Kolejność listy podczas grupowania selektorów nie ma znaczenia. Do wszystkich elementów selektora zostaną zastosowane odpowiednie deklaracje. Możesz grupować różne identyfikatory selektorów, jak poniżej: #nagłówek, #treść, #stopka ( pozycja: bezwzględna; szerokość: 300px; lewa: 250px; ) W tym artykule skupimy się na selektorach CSS. Pod uwagę brane będą zarówno stare selektory CSS, które obsługuje nawet IE6, jak i zupełnie nowe selektory CSS3, które obsługują tylko najnowsze wersje przeglądarek. Zacznijmy więc. 1. * ( margines: 0; dopełnienie: 0; ) Zacznijmy od najprostszego, a następnie przejdźmy do bardziej zaawansowanych rzeczy. Ten selektor CSS zaznacza każdy element na stronie. Wielu programistów używa go do resetowania marginesów i wypełnień wszystkich elementów. Na pierwszy rzut oka jest to wygodne, ale nadal lepiej nie robić tego w kodzie produkcyjnym. Ten selektor CSS jest zbyt ciężki dla przeglądarki. * może być również użyte do podświetlenia elementów podrzędnych. #kontener * ( obramowanie: 1 piksel w kolorze czarnym; ) W tym przypadku wybrane zostaną wszystkie elementy potomne #container. Powtórzę jeszcze raz: staraj się go nie nadużywać. Zgodność IE6+ Firefoksa Chrom safari Opera 2. #X kontener (szerokość: 960px; margines: automatyczny; ) Znak funta przed selektorem CSS X wybierze element o id = X. Jest to bardzo proste, ale należy zachować ostrożność podczas używania identyfikatora. Zadaj sobie pytanie: Czy koniecznie muszę wybierać według identyfikatora? id style jest na stałe powiązany z elementem i nie nadaje się do ponownego użycia. Bardziej preferowane jest używanie klas, nazw znaczników, a nawet pseudoklas. Zgodność IE6+ Firefoksa Chrom safari Opera 3.X błąd (kolor: czerwony; ) To jest selektor CSS klasy X. Różnica między id a klasą polega na tym, że ta sama klasa może mieć wiele elementów na stronie. Używaj klas, jeśli chcesz stylizować wiele elementów tego samego typu. Używając identyfikatora, będziesz musiał napisać styl dla każdego pojedynczego elementu. Zgodność IE6+ Firefoksa Chrom safari Chrom 4. X Y li a (dekoracja tekstu: brak; ) Selektor podrzędny CSS jest najbardziej powszechny. Jeśli chcesz wybrać elementy określonego typu spośród wielu elementów podrzędnych, użyj tego selektora. Na przykład chcesz wyróżnić wszystkie linki znajdujące się w elemencie li. W takim przypadku użyj tego selektora. Nie twórz selektorów widoku CSSX Y Z A B.błąd. Zawsze zadawaj sobie pytanie, czy konieczne jest napisanie tak kłopotliwego selektora CSS, aby wybrać dany element. Zgodność IE6+ Firefoksa Chrom safari Chrom 5. X a (kolor: czerwony; ) ul (margines-lewy: 0; ) A co jeśli chcesz objąć wszystkie elementy danego typu na stronie? Zachowaj prostotę, użyj selektora typu CSS. Jeśli musisz podświetlić wszystkie listy nieuporządkowane, użyj ul () . Zgodność IE6+ Firefoksa Chrom safari Opera a:link ( kolor: czerwony; ) a:visted ( kolor: fioletowy; ) Używamy pseudoklasy :link do podświetlania wszystkich linków, które nie zostały jeszcze kliknięte. Jeśli chcemy zastosować określony styl do już odwiedzonych linków, wówczas używamy pseudoklasy :visited. Zgodność IE7+ Firefoksa Chrom safari Opera 7. X+Y ul + p ( kolor: czerwony; ) Wybiera następny element. On wybierze tylko element typu Y, który następuje bezpośrednio po elemencie X. W przykładzie tekst pierwszego akapitu po każdym ul będzie czerwony. Zgodność IE7+ Firefoksa Chrom safari Chrom 8. X>Y div#container > ul (obramowanie: 1px jednolity czarny;) Różnica między domyślnym X Y i X > Y polega na tym, że dany selektor CSS wybierze tylko bezpośrednie elementy podrzędne. Rozważmy na przykład następujący kod. Element listy element podrzędny Element listy Element listy Element listy Selektor #container > ul CSS wybierze tylko ul, które są bezpośrednimi dziećmi elementu div z id =container . Nie wybierze na przykład uls, które są dziećmi pierwszego li. Dlatego możesz uzyskać korzyści w zakresie wydajności, używając tego selektora CSS. W rzeczywistości jest to szczególnie zalecane podczas pracy z jQuery lub innymi bibliotekami, które wybierają elementy w oparciu o reguły selektora CSS. Zgodność IE7+ Firefoksa Chrom safari Opera 9.X~Y ul ~ p ( kolor: czerwony; ) Ten selektor CSS jest bardzo podobny do X + Y, jednak jest mniej rygorystyczny. Użycie ul + p spowoduje wybranie tylko pierwszego elementu po X. W tym przypadku wybrane zostaną wszystkie elementy p, które pojawią się przed ul. Zgodność IE7+ Firefoksa Chrom safari Opera 10.X a (kolor: zielony; ) Możesz także używać atrybutów w selektorach CSS. Na przykład w tym przykładzie wybraliśmy wszystkie linki posiadające atrybut tytułu. Reszta linków pozostanie nienaruszona. Zgodność IE7+ Firefoksa Chrom safari Opera 11. X a (kolor: #ffde00; ) Zwróć uwagę na cudzysłowy. Nie zapomnij zrobić tego samego z jQuery i innymi bibliotekami JavaScript, gdzie elementy są wybierane przez selektory CSS. Zawsze, gdy to możliwe, używaj selektorów CSS CSS3. Dobra zasada, ale zbyt rygorystyczna. Co zrobić, jeśli link nie prowadzi bezpośrednio do, ale np. do? W takich przypadkach możemy użyć wyrażeń regularnych. Zgodność IE7+ Firefoksa Chrom safari Chrom 12. X a (kolor: #1f6053; ) Zgodność IE7+ Firefoksa Chrom safari Opera 13. X a ( tło: url(ścieżka/do/zewnętrznego/icon.png) bez powtarzania; dopełnienie po lewej stronie: 10px; ) Czy zastanawiałeś się kiedyś, w jaki sposób niektóre strony internetowe mogą wyświetlać małą ikonę obok linków zewnętrznych? Jestem pewien, że widziałeś ich już wcześniej, są dobrze zapamiętani. „^” jest najczęściej używanym znakiem w wyrażeniach regularnych. Służy do zaznaczenia początku linii. Jeśli chcemy przechwycić wszystkie tagi, których href zaczyna się od http, musimy skorzystać z powyższego selektora CSS. Pamiętaj, że nie szukamy „http://”. Nie jest to prawidłowe, ponieważ adresy zaczynające się od https:// nie są brane pod uwagę. A co jeśli chcemy stylizować tylko linki prowadzące do zdjęcia? Trzeba znaleźć koniec linie. Zgodność IE7+ Firefoksa safari Opera 14. X a (kolor: czerwony; ) Ponownie używamy znaku wyrażenia regularnego „$”, aby oznaczyć koniec ciągu. W tym przypadku szukamy linków prowadzących do plików jpg lub adresów URL kończących się na „.jpg”. Zgodność IE7+ Firefoksa safari Opera 15.X a(kolor: czerwony; ) Jak teraz napisać selektor CSS, który wybiera linki do wszelkiego rodzaju obrazów? Na przykład moglibyśmy napisać tak: A, a, a, a ( kolor: czerwony; ) Ale to jest nieefektywne. Innym możliwym rozwiązaniem jest użycie atrybutów niestandardowych. Dlaczego nie dodamy własnego atrybutu typ pliku danych do każdego linku? Link do obrazu A (kolor: czerwony; ) Zgodność IE7+ Firefoksa safari Opera 16.X a (kolor: czerwony; ) a (obramowanie: 1px jednolity czarny;) A oto coś wyjątkowego. Nie wszyscy wiedzą o tym selektorze CSS. Tylda (~) pozwala wybrać konkretny atrybut z listy atrybutów oddzielonych przecinkami. Na przykład możemy ustawić własny atrybut data-info, który zawiera kilka słów kluczowych oddzielonych spacją. Możemy zatem wskazać, że link jest zewnętrzny i prowadzi do obrazu. Kliknij Tutaj kod HTML jest już gotowy, teraz napiszmy style. Nieźle, prawda? Zgodność IE7+ Firefoksa safari Opera 17.X:zaznaczone wejście: zaznaczone (obramowanie: 1px jednolity czarny;) Ta pseudoklasa podświetla tylko elementy interfejsu użytkownika, takie jak przycisk opcji lub pole wyboru. I te, które są zaznaczone/wybrane. Bardzo prosta. Zgodność IE9+ Firefoksa safari Opera 18.X:po Pseudoklasy :before i :after są bardzo fajne. Wydaje się, że każdego dnia pojawiają się nowe sposoby na ich efektywne wykorzystanie. Po prostu generują treść wokół wybranego elementu. Wiele osób natrafiło na te pseudoklasy podczas pracy z hackiem Clear-Fix. Clearfix:after (treść: ""; wyświetlacz: blok; wyczyść: oba; widoczność: ukryta; rozmiar czcionki: 0; wysokość: 0; ) .clearfix ( *wyświetlanie: blok inline; _wysokość: 1%; ) Ten włamać się używa :after, aby dodać spację po elemencie i zapobiec jego zawijaniu. Zgodnie ze specyfikacją CSS3 należy użyć dwóch dwukropków (::). Jednak w celu zapewnienia zgodności można również użyć pojedynczego dwukropka. Zgodność IE8+ Firefoksa safari Opera 19.X: zawieś div:hover ( tło: #e3e3e3; ) Chcesz zastosować styl do elementu, najeżdżając na niego myszką? Wtedy to css- selektor dla Ciebie. Należy pamiętać, że starsze wersje przeglądarki Internet Explorer korzystają z: unosić się tylko dla linków. Ten css-selektor jest często używany do umieszczania granica-dół linki po najechaniu myszką. A: najechanie (obramowanie na dole: 1 piksel w kolorze czarnym;) obramowanie na dole: 1 piksel w kolorze czarnym; wygląda lepiej niż dekoracja tekstu: podkreślenie; Zgodność IE6+ (W IE6: należy najechać kursorem na łącze) Firefoksa safari Opera 20.X:nie(selektor) div:not(#container) ( kolor: niebieski; ) Pseudoklasa negacji może być bardzo użyteczna. Powiedzmy, że chcemy wybrać wszystkie elementy div z wyjątkiem tego z id = pojemnik. Powyższy kod sobie z tym poradzi! Lub, jeśli chcesz wybrać wszystkie elementy z wyjątkiem p. *:not(p) ( kolor: zielony; ) Zgodność IE9+ Firefoksa safari Opera 21. X::pseudo element Możemy używać pseudoelementów do stylizowania fragmentów elementów, takich jak pierwsza linia lub pierwsza litera. Należy pamiętać, że aby zadziałały, muszą zostać zastosowane do elementów na poziomie bloku. Pseudoelement jest określony przez dwa dwukropki: :: Wybieranie pierwszej litery w akapicie P::pierwsza litera ( float: lewa; rozmiar czcionki: 2em; waga czcionki: pogrubiona; rodzina czcionek: kursywa; dopełnienie po prawej stronie: 2px; ) Ten kod zaznaczy wszystkie akapity, a następnie wybierze w nich pierwsze litery i zastosuje do nich ten styl. Zaznacz pierwszą linię w akapicie P::pierwsza linia (grubość czcionki: pogrubiona; rozmiar czcionki: 1,2 em; ) Podobnie dzięki::first-line ustalamy styl pierwszej linii akapitu. „Aby zachować kompatybilność z istniejącymi arkuszami stylów, przeglądarka musi obsługiwać poprzednią notację pseudoelementów z pojedynczym dwukropkiem, wprowadzoną w CSS 1, 2 ( :pierwsza linia, :pierwsza litera, :przed i:po). Ta zgodność nie jest dozwolona w przypadku nowych pseudoelementów wprowadzonych w tej specyfikacji.” Zgodność IE6+ Firefoksa safari Opera 22.X:n-te-dziecko(n) li:nth-child(3) ( kolor: czerwony; ) Wcześniej nie mogliśmy wybrać np. trzeciego elementu potomnego? n-te dziecko rozwiązuje problem! zauważ to n-te dziecko przyjmuje jako parametr liczbę całkowitą, ale nie liczy od 0. Jeśli chcesz wybrać drugą pozycję na liście, użyj li:n-te-dziecko(2) . Możemy nawet zaznaczyć co czwarty element listy, po prostu pisząc (0)li:n-te-dziecko(4n)(/0). Zgodność IE9+ Firefox 3.5+ safari 23.X: n-te-ostatnie-dziecko(n) li:nth-last-child(2) ( kolor: czerwony; ) A co, jeśli masz ogromną listę pozycji? ul i musi wybrać trzeci element od końca? Zamiast pisać li:nth-child(397), możesz użyć n-te-ostatnie dziecko. Ta metoda jest prawie identyczna z powyższą, ale liczy się od końca. Zgodność IE9+ Firefox 3.5+ safari Opera 24.X:n-ty-typ(n) ul:nth-of-type(3) (obramowanie: 1px jednolity czarny;) Zdarza się, że trzeba wybrać nie element podrzędny, ale element określonego typu. Wyobraź sobie, że na stronie znajduje się pięć nieuporządkowanych list. . Jeśli chcesz zastosować styl tylko do trzeciego ul, który nie ma unikatu ID, musisz użyć n-tego typu. Zgodność IE9+ Firefox 3.5+ safari 25.X:n-ty-ostatni-typu(n) ul:nth-last-of-type(3) (obramowanie: 1px jednolity czarny;) Możemy również skorzystać n-ty-ostatni-typu, licząc elementy od końca. Zgodność IE9+ Firefox 3.5+ safari Opera 26.X:pierwsze dziecko ul li:first-child (border-top: none; ) Ta pseudoklasa wybiera pierwszy element potomny. Często używane do usuwania obramowania pierwszego i ostatniego elementu listy. Zgodność IE7+ Firefoksa safari Opera 27.X:ostatnie dziecko ul > li:last-child ( kolor: zielony; ) W przeciwieństwie :pierwsze-dziecko:ostatnie-dziecko wybiera ostatni element podrzędny. Zgodność IE9 + (Tak, tak, IE8 obsługuje :first-child , ale nie obsługuje :last-child. Witaj Microsoft!) Firefoksa safari Opera 28.X:jedynak div p:jedyne-dziecko ( kolor: czerwony; ) Nie będziesz widział tej pseudoklasy zbyt często, ale ona istnieje. Pozwala wybrać elementy będące jedynymi dziećmi. Na przykład zastosuj powyższy styl do tego kodu HTML: Jeden akapit. Dwa akapity Dwa akapity Wybrany zostanie tylko pierwszy element div, ponieważ jest to jedyny element podrzędny. Zgodność IE9+ Firefoksa safari Opera 29.X:jedyny typ Bardzo ciekawa pseudoklasa. Wpływa na elementy, które nie mają sąsiadów w elemencie nadrzędnym. Jako przykład wybierzmy ul mającą tylko jeden element na liście. Jedynym rozwiązaniem jest użycie jedyny w swoim rodzaju . Ul > li:only-of-type ( grubość czcionki: pogrubiona; ) Zgodność IE9+ Firefox 3.5+ safari Opera 30.X:pierwszy typ First-of-type wybiera pierwszy element danego typu. Aby lepiej zrozumieć, weźmy Ustęp Ustęp 1 Punkt 2 Punkt 3 Pozycja 4 Teraz spróbuj wymyślić, jak wyróżnić punkt 2. Rozwiązanie 1 Ul:first-of-type > li:nth-child(2) ( grubość czcionki: pogrubiona; ) Rozwiązanie 2 P + ul li:last-child ( grubość czcionki: pogrubiona; ) Rozwiązanie 3 Ul:first-of-type li:nth-last-child(1) ( grubość czcionki: pogrubiona; ) Zgodność IE9+ Firefox 3.5+ safari Opera Materiały tematyczne: Samsung Galaxy J7 (2017) - Dane techniczne Co to jest iPhone szt. Co jest pierwsze w iPhonie. Odnowiony przez Apple Najlepsze kompaktowe smartfony według opinii klientów Jak ustawić datę i godzinę w Nokii Najlepsze smartfony z wymienną baterią Konkurenci Samsung Galaxy A5 (2017) Instrukcja obsługi Microsoftu Lumia 550 Recenzja zestawu głośnikowego Samsung Level Box Slim! Aktualizacja: 04.08.2023 103583 Jeśli zauważysz błąd, zaznacz fragment tekstu i naciśnij Ctrl + Enter UDZIAŁ: Kategorie witryn Windows 10 Internet, Wi-Fi Użyteczne System Windows 7 Błędy Żelazo Windows XP Drukarki Windows 8 Programy Leczenie wirusów dom O dzienniku Łączność Reklama Copyright © 2023 3dgosha.ru - Komputery i nowoczesne gadżety