Kaskadowość i dziedziczenie

Importowanie arkuszy stylów

Reguła @import pozwala importować reguły stylów z innych arkuszy stylów. Reguły @import muszą znajdować się na samym początku arkusza stylów, w elemencie style lub zewnętrznym pliku css (reguła @charset, musi być pierwszą w arkuszu stylów, jeśli istnieje).

Reguła @import

@import [url|string] media-query-list?;

url

identyfikator internetowy w formie url('nazwa pliku')

string

identyfikator internetowy w formie nazwa pliku

media-query-list

określa listę mediów dla importowanego arkusza stylów oraz reguły warunkowe określone w rekomendacji Typy Mediów

*) Zawartość plików:

style.css
body { color: silver; }

print.css
body { color: black; }

selektor: {
właściwość: wartość1;
właściwość: wartość2;

...

właściwość: wartośćN;
}

selektor: {
właściwość: wartość1  wartość2 ... wartośćN;
}

Wartość początkowa

Wartość 'initial'

* np. font:
initial;
font: initial;

Każda właściwość ma wartość początkową, która staje się określoną wartością, gdy kaskada i dziedziczenie nie daje wartości. Ponadto, wartość początkowa może być wskazana przez słowo kluczowe "initial", które akceptują wszystkie właściwości.

Kaskadowość

Celem kaskadowości jest znalezienie jednej deklaracji wśród zestawu, które mają zastosowanie dla danego elementu. Aplikacje klienckie sortują deklaracje według następujących kryteriów, w kolejności ważności:

• Waga.
• Specyficzność.
• Kolejności występowania.

Dziedziczenie

Wartość 'inherit'

* np. border:
inherit;
border: inherit;

Każda własność może również przyjąć wartość 'inherit'. Oznacza to, że dla danego elementu własność ta przyjmuje taką samą wartość, co ta sama własność jego rodzica. Wartości 'inherit' można używać do wzmacniania dziedziczenia wartości lub z własnościami, które normalnie nie są dziedziczne.

Dyrektywa !important

* np. color:
np. silver !important;
color: silver !important;

Każda własność może również przyjąć wartość  z dyrektywą !important, która zmienia kolejność w kaskadzie (zwiększa wagę, odwraca kolejność pierwszeństwa).

Właściwość all (przywracanie wszystkich właściwości) ^CSS3

all:
initial	inherit	unset
all:initial;	all:inherit;	all:unset;

Ważność

Arkusze stylów mogą pochodzić z trzech różnych źródeł: autor, użytkownik oraz aplikacja kliencka.

• Autor: Autor definiuje arkusze stylów dla dokumentu źródłowego zgodnie z konwencjami języka użytego do budowy dokumentu. Na przykład w przypadku języka HTML arkusze stylów mogą być wstawiane wewnątrz dokumentu lub dołączane z zewnątrz.
• Użytkownik: Użytkownik może mieć możliwość zdefiniowania stylów dla określonego dokumentu. Użytkownik może na przykład określić plik zawierający arkusz stylów lub aplikacja kliencka może udostępniać interfejs do generowania arkuszy stylów użytkownika (albo zachowujący się tak, jakby to robił).
• Aplikacja kliencka: Zgodne aplikacje klienckie muszą stosować domyślny arkusz stylów< (lub zachowywać się tak, jakby to robiły). Domyślny arkusz stylów aplikacji klienckiej powinien prezentować elementy języka dokumentu w sposób satysfakcjonujący ogólne oczekiwania względem tego języka (np. w przeglądarkach wizualnych zawartość tekstowa elementu em języka HTML jest prezentowana kursywą).

Sortowanie według ważności (normalna lub ważna) i pochodzenia (autor, użytkownik lub aplikacja kliencka). W kolejności rosnącej:

1. deklaracje aplikacji klienckiej,
2. normalne deklaracje użytkownika,
3. normalne deklaracje autora,
4. ważne deklaracje autora,
5. ważne deklaracje użytkownika.