CSS中的target是一個(gè)非常有用的偽類,它可以用來為鏈接元素制作一些特效。下面是一個(gè)例子:
a:target { background-color: yellow; }
當(dāng)點(diǎn)擊一個(gè)帶有#id的鏈接時(shí),如果存在id與之相同的元素,那么該元素就會(huì)被選中并且會(huì)應(yīng)用上述樣式。
除此之外,target還可以結(jié)合偽元素before和after來設(shè)置“目標(biāo)元素”前后的內(nèi)容,從而實(shí)現(xiàn)更加豐富的效果,例如:
a:target:before { content: '>>'; } a:target:after { content: '<<'; }
這段代碼為被選中的鏈接元素前添加了“>>”,后添加了“<<”。
然而需要注意的是,target只能應(yīng)用于標(biāo)簽以及其他支持url跳轉(zhuǎn)的元素。它不適用于div、span等非鏈接元素,也不適用于跳轉(zhuǎn)URL之外的錨點(diǎn)等情況。