deklaracje stylów - Kurs HTML i CSS
Wykazy CSS / Atrybuty mieszane wykazu {list-style}...inside; list-style: disc } Zgodnie z zasadą kaskadowości, oczekiwany skutek (zawijanie tekstu wokół wyróżnika) odniesiemy, podając deklaracje w odwrotnej kolejności: li { list-style: disc; list-style-position: inside } albo przenosząc wartość list-style-position (inside) do zbiorczej deklaracji list-style: li { list-style: disc inside } Przykład {list-style} list-style: disc inside url(minus.gif) Punkt pierwszy... punkt pierwszy... punkt pierwszy... punkt...
- Selektory pseudoklas CSS / Szczegółowość selektorów
...color: red } p { color: black } Gdy żaden z powyższych punktów nie pozwala określić, który selektor jest bardziej szczegółowy, ważniejsze będą te deklaracje, które zostaną umieszczone na końcu. Przykład Tekst, określonego poniżej akapitu, będzie czerwony (red): p { color: black } p { color: green; color: red } Przykład Tekst przedstawionego poniżej akapitu będzie czerwony (red): <div id="kontener"> <p class="klasa">...</p> </div> div#kontener p.klasa { color: lime } div#kontener...
- Reguły warunkowe CSS / Zapytania właściwości @supports
...na taką ewentualność zostały stworzone warunkowe reguły stylów (zapytania właściwości - ang. feature queries). Pozwalają one dodać do arkusza deklaracje, które zostaną użyte przez przeglądarkę tylko jeżeli potrafi ona obsłużyć (albo nie potrafi obsłużyć) wskazaną deklarację CSS. Na przykład, aby zastosować zespół reguł CSS tylko dla przeglądarek, które obsługują układ elastyczny, wystarczy otoczyć je specjalnym blokiem reguł warunkowych: @supports (display: flex) { body...