:link
Seçici tüm ziyaret edilmemiş çapa (hedefleyen bir sözde sınıf bir sayfada) elemanları.
a:link ( color: aquamarine; )
Yukarıdaki örnek, ziyaret edilmeyen tüm bağlantıların akuamarin rengini değiştirecektir.
:hover
Sözde sınıfla birlikte kullanıldığında :link
, :hover
stillerin çalışması için önce görünmesi veya hiç tanımlanmaması gerekir . Bunun nedeni, eşit derecede spesifik olmalarıdır, bu nedenle eğer :link
sonra gelirse , bu stiller üzerine gelme stillerini geçersiz kılar.
:link
Sözde sınıf tümünü hedefler bir sahip elemanlar
href
bile, niteliği href
boş değere sahiptir. Yani bu anlamda öznitelik seçici gibidir (href)
.
Bu, aşağıdaki üç HTML öğesinin tümünün :link
sözde sınıf aracılığıyla stilize edilebileceği anlamına gelir :
CSS-Tricks CSS-Tricks CSS-Tricks
Bununla birlikte, yukarıdaki kod bloğundaki üçüncü örnek geçersiz HTML olacaktır.
Orada kabul sadece üç HTML öğeleridir href
niteliğini: ,
, ve
. Sözde sınıf
aracılığıyla yalnızca öğeye stil verilebilir
:link
.
Ayrıca, href
özniteliği başka bir öğe türüne ekleyemez ve aracılığıyla stil uygulanabilir hale getiremezsiniz :link
. Diğer bir deyişle, aşağıdaki HTML’ye sahipseniz:
CSS-Tricks
Aşağıdaki CSS'nin hiçbir etkisi olmayacaktır:
div:link ( color: aquamarine; )
Yine, için href
geçerli bir öznitelik olmadığından HTML doğrulamada başarısız olur
.
Aslında nedeniyle :link
sadece hedefleyebilir elemanları,
:link
stiller olmadan CSS tanımlanabilir böyle, eleman tipi seçicinin:
:link ( color: aquamarine; )
Ayrıca, HTML kullanırken tüm pratik amaçlar için, :link
sözde sınıf bir şekilde alakasızdır, çünkü aynı etki tüm öğeleri doğrudan hedefleyerek elde edilebilir :
a ( color: aquamarine; )
Bununla birlikte, sayfada
href
öznitelik kümesine sahip olmayan öğeler varsa (örneğin, kullanılan eski sayfalarda ), yukarıdaki kod bu öğeleri de hedefler ve bu istenen sonuç olmayabilir.
CSS2 ile başlayarak, diğer belge dillerinin (HTML'nin yanı sıra) :link
sözde-sınıf aracılığıyla stil uygulanabilen çapaların yanı sıra başka öğeleri de tanımlayabileceği de belirtilmelidir .
Tarayıcı Desteği
Krom | Safari | Firefox | Opera | IE | Android | iOS |
---|---|---|---|---|---|---|
Hiç | Hiç | Hiç | Hiç | Hiç | Hiç | Hiç |