: bağlantı - CSS Hileleri

Anonim

:linkSeç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.

:hoverSözde sınıfla birlikte kullanıldığında :link, :hoverstillerin ç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 :linksonra gelirse , bu stiller üzerine gelme stillerini geçersiz kılar.

:linkSözde sınıf tümünü hedefler bir sahip elemanlar hrefbile, niteliği hrefboş değere sahiptir. Yani bu anlamda öznitelik seçici gibidir (href).

Bu, aşağıdaki üç HTML öğesinin tümünün :linksö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 hrefniteliğ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 hrefgeçerli bir öznitelik olmadığından HTML doğrulamada başarısız olur .

Aslında nedeniyle :linksadece hedefleyebilir elemanları, :linkstiller 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, :linksö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) :linksö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ç