CSS中定義target有很多種方法,下面分別介紹:
:target { background-color: yellow; }
:target是CSS3中引入的偽類,用于選擇當(dāng)前活動的頁面錨點目標(biāo)元素。當(dāng)用戶點擊帶有#id的url時,這個#id就成為了一個被選中的目標(biāo)(target),而:target就可以用來選中這個目標(biāo)元素。上述代碼中,被選中的目標(biāo)元素會被設(shè)置成黃色背景色。
a:active { background-color: blue; }
a:active選擇器用于選中用戶正在交互的活動鏈接。當(dāng)用戶點擊鏈接并在鏈接還未釋放時,選擇器會被應(yīng)用于這個鏈接。上述代碼中,被激活的鏈接會被設(shè)置成藍(lán)色背景色。
input[type="checkbox"]:checked + label { text-decoration: line-through; }
這是一個選擇器組合,用于選中和修改復(fù)選框選中時的樣式。當(dāng)用戶勾選了一個復(fù)選框時,相鄰的
[href^="http"] { color: blue; }
屬性選擇器是CSS中一個非常簡單同時也十分有用的方法,用于選中具有特定屬性值的元素。上述代碼中,href屬性值以"HTTP"開頭的標(biāo)簽會被選中并設(shè)置成藍(lán)色字體顏色。這種方法可以非常方便地選中具有相同特征的元素,而不是一個一個手動進(jìn)行修改。