w3ii' CSS referansı tüm büyük tarayıcıları ile düzenli olarak test edilir.
CSS Seçiciler
CSS olarak, seçiciler seçmek için kullanılır desenler vardır element(s) stil istiyorum.
"CSS" sütunu olan bir CSS versiyonu özelliği tanımlanır gösterir (CSS1, CSS2, or CSS3) .
| selektör | Örnek | Örnek açıklaması | CSS |
|---|---|---|---|
| . class | .intro | Tüm unsurları seçer class="intro" | 1 |
| # id | #firstname | Ile eleman seçer id="firstname" | 1 |
| * | * | tüm elemanları seçer | 2 |
| element | p | Tüm seçer <p> elemanlarını | 1 |
| element,element | div, p | Tüm seçer <div> elemanları ve tüm <p> elemanlarını | 1 |
| element element | div p | Tüm seçer <p> içine öğeler <div> elemanlarının | 1 |
| element > element | div > p | Tüm seçer <p> ebeveyn olan unsurları <div> öğesi | 2 |
| element + element | div + p | Tüm seçer <p> hemen sonra yerleştirilen elemanlar <div> elemanlarının | 2 |
| element1 ~ element2 | p ~ ul | Her seçer <ul> bir öncesinde elemanı <p> elemanının | 3 |
| [ attribute ] | [target] | Bir hedef niteliği ile tüm öğeleri seçer | 2 |
| [ attribute = value ] | [target=_blank] | Tüm unsurları seçer target="_blank" | 2 |
| [ attribute ~= value ] | [title~=flower] | Sözcüğünü içeren bir başlık özelliğine sahip tüm öğeleri seçer "flower" | 2 |
| [ attribute |= value ] | [lang|=en] | Bir lang özellik değeri ile başlayan tüm öğeleri seçer "en" | 2 |
| [ attribute ^= value ] | a[href^="https"] | Her seçer <a> eleman href özellik değeri ile başlar "https" | 3 |
| [ attribute $= value ] | a[href$=".pdf"] | Her seçer <a> href özelliği değeri ile biter elemanı ".pdf" | 3 |
| [ attribute *= value ] | a[href*="w3ii"] | Her seçer <a> eleman href özellik değeri alt içeren "w3ii" | 3 |
| :active | a:active | Aktif linki seçer | 1 |
| ::after | p::after | Her içeriğine sonra bir şeyler ekleyin <p> elemanı | 2 |
| ::before | p::before | Her içeriğinden önce bir şeyler ekleyin <p> elemanı | 2 |
| :checked | input:checked | Her kontrol seçer <input> elemanı | 3 |
| :disabled | input:disabled | Her engelli seçer <input> elemanı | 3 |
| :empty | p:empty | Her seçer <p> çocuk sahibi olmadığı elemanı (including text nodes) | 3 |
| :enabled | input:enabled | Her etkin seçer <input> elemanı | 3 |
| :first-child | p:first-child | Her seçer <p> örüntüsü ilk çocuğudur elemanı | 2 |
| ::first-letter | p::first-letter | Her baş harfini seçer <p> elemanı | 1 |
| ::first-line | p::first-line | Her ilk satırı seçer <p> elemanının | 1 |
| :first-of-type | p:first-of-type | Her seçer <p> ilk elemanı <p> Kendi üst öğesi | 3 |
| :focus | input:focus | odağı giriş elemanı seçer | 2 |
| :hover | a:hover | farenin üzerinde bağlantıları seçer | 1 |
| :in-range | input:in-range | belirlenen bir aralık içinde bir değere sahip giriş öğeleri seçer | 3 |
| :invalid | input:invalid | geçersiz bir değere sahip tüm giriş elemanları seçer | 3 |
| : lang( language ) | p: lang(it) | Her seçer <p> Bir ile eleman lang eşit atfetme "it" (Italian) | 2 |
| :last-child | p:last-child | Her seçer <p> üst biriminin son çocuğudur elemanı | 3 |
| :last-of-type | p:last-of-type | Her seçer <p> sonuncusu elemanı <p> Kendi üst öğesi | 3 |
| :link | a:link | Tüm edilmemiş bağlantıları seçer | 1 |
| : not( selector ) | : not(p) | Bir değil her eleman seçer <p> elemanı | 3 |
| :nth- child( n ) | p:nth- child(2) | Her seçer <p> üst biriminin ikinci çocuğudur elemanı | 3 |
| :nth-last- child( n ) | p:nth-last- child(2) | Her seçer <p> Geçen çocuktan sayarak, üst biriminin ikinci çocuğudur elemanı | 3 |
| :nth-last-of- type( n ) | p:nth-last-of- type(2) | Her seçer <p> ikinci elemanı <p> Geçen çocuktan sayarak, kendi ebeveyn eleman | 3 |
| :nth-of- type( n ) | p:nth-of- type(2) | Her seçer <p> ikinci elemanı <p> onun ana unsuru | 3 |
| :only-of-type | p:only-of-type | Her seçer <p> sadece elemanı <p> Kendi üst öğesi | 3 |
| :only-child | p:only-child | Her seçer <p> üst biriminin tek çocuğu elemanı | 3 |
| :optional | input:optional | Hiçbir ile giriş öğeleri seçer "required" özniteliği | 3 |
| :out-of-range | input:out-of-range | belirlenen bir aralık dışında bir değere sahip giriş öğeleri seçer | 3 |
| :read-only | input:read-only | Ile giriş öğeleri seçer "readonly" özelliğinin belirtilmesi | 3 |
| :read-write | input:read-write | Ile giriş öğeleri seçer "readonly" Belirtilen DEĞİL öznitelik | 3 |
| :required | input:required | Ile giriş öğeleri seçer "required" belirtilen özellik | 3 |
| :root | :root | belgenin kök elemanı seçer | 3 |
| ::selection | ::selection | Bir kullanıcı tarafından seçilen bir eleman kısmını seçer | |
| :target | #news:target | Geçerli etkin #news elemanını seçer (clicked on a URL containing that anchor name) | 3 |
| :valid | input:valid | Geçerli bir değere sahip tüm giriş elemanlarını seçer | 3 |
| :visited | a:visited | tüm ziyaret edilen bağlantılar seçer | 1 |