Cascading Style Sheets tai CSS on määritetty niin, että sinulla voi olla monia ominaisuuksia, jotka kaikki vaikuttavat samaan elementtiin. Jotkin näistä ominaisuuksista voivat olla ristiriidassa toistensa kanssa. Voit esimerkiksi asettaa punaisen fontin värin kohdalle ja sitten myöhemmin asettaa sinisen kirjasinväri. Miten selaimessa tiedetään, mitä värejä kappaleita varten? Tämä päätetään kaskadilla.
Tyylilajityypit
Tyylilevyjä on kolme:
- Tekijä tyyliarkit
- Nämä ovat Web-sivun tekijän luomia tyyliarkkeja. Ne ovat mitä useimmat ihmiset ajattelevat, kun he ajattelevat CSS tyyliarkkeja.
- Käyttäjäluettelot
- Web-sivun käyttäjä määrittää käyttäjän tyyliarkit. Niiden avulla käyttäjä voi hallita paremmin sivun näyttämistä.
- Käyttäjäagentin tyyliarkit
- Nämä ovat tyylejä, joita verkkoselaimella on sivulle, jotta sivu näytetään. Esimerkiksi XHTML: ssa useimmat visuaaliset käyttäjäagentit näyttävät tagin kursiivilla tekstillä. Tämä on määritetty käyttäjäagentin tyyliarkissa.
Ominaisuudet, jotka on määritelty kussakin yllä olevassa tyyliarkissa, annetaan paino. Oletusarvoisesti kirjoittajan tyyliarkilla on eniten painoa, jota seuraa käyttäjän tyyliarkki ja lopulta käyttäjäagentin tyyliarkki. Ainoa poikkeus tästä on käyttäjän tärkeimmän säännön kanssa. Tämä on enemmän kuin kirjoittajan tyyliarkki.
Cascading Order
Ristiriitatilanteiden ratkaisemiseksi Web-selaimet käyttävät seuraavia lajittelutilauksia määrittäessään, mikä tyyli on ensisijainen ja käytetään:
- Ensinnäkin etsi kaikki kyseiseen elementtiin ja määrätyn mediatyypin osalta käytettävät ilmoitukset.
- Katso sitten, mistä tyyliarkista se on peräisin. Kuten yllä, kirjoittajan tyyliarkit tulevat ensin, sitten käyttäjä, sitten käyttäjäagentti. Tärkeillä tyyleillä, joilla on korkeampi etuoikeus kuin tekijällä!
- Mitä tarkempi valitsin on, sitä enemmän etua se saa. Esimerkiksi tyyli "div.co p": lla on suurempi etuoikeus kuin vain p-tagilla.
- Lopuksi, lajitkaa säännöt määrittelemällään järjestyksellä. Dokumenttipuuhun myöhemmin määritellyt säännöt ovat etusijalla kuin aiemmin määritellyt säännöt. Tuontitunnisteen sääntöjä tarkastellaan ennen sääntöjä suoraan tyyliarkista.