: herhangi bir bağlantı - CSS Hileleri

Anonim

:any-linkCSS sözde sınıfı, bir hiper bağ olan öğeler seçilmesi için bir yöntem sağlar.

Vadeli kaynak çapa sizi kaybettiyse, bu biraz daha şık bir var href HTML öğelerinde öznitelik , ve . (Neden bir veya bir CSS'yi hedeflemeniz gerektiğinin ötesinde, ama hey.) HTML spesifikasyonunda bu konuda çok daha fazla bilgi var.

Bir hrefözniteliği kabul eden ve içeren bir öğe bir köprüdür ve ile seçilecektir :any-link. Bu, aksi takdirde ilgisiz görünebilecek ve işaretlemeye dokunmadan tüm bağlantı tabanlı HTML öğelerini seçmenin kullanışlı bir yolu haline gelir. Belki de :link, tüm bağlantıları seçeceğinizi düşündüğünüz için var , ancak eksik :visited, bu yüzden bu hepsini bir araya getiriyor.

İşlevsel olarak, öznitelik seçici gibidir (href).

Howdy!
:any-link ( color: red; font-weight: 900; text-decoration: none; )

:matches()Sözde sınıfı kullanarak aynı HTML öğelerini de seçebileceğimizi belirtmekte fayda var . Örneğin, :matches(:link, :visited)ile aynı öğeleri seçecektir :any-link.

Unutulmaması gereken bir diğer husus, spesifikasyonun şu anda bu yazının yazıldığı sırada bu seçici için alternatif ad önerileri istemesidir. Adın değişip değişmeyeceği belli olmasa da, :matches()sözde sınıf daha önce :any()bir gösterge olabilecek şekilde adlandırılmıştı .

Tarayıcı Desteği

:any-linkSözde eleman deneysel bir özellik ve taslak çalışma durumu şu anda Seçiciler Seviye 4 tarifname, bir parçasıdır.

Tam destek için ön ek olarak kullanmak isteyeceksiniz:

:-webkit-any-link ( ) :-moz-any-link ( ) :any-link ( )

Tarayıcılar seçicileri anlamadıkları bölümlerle atarken, bu seçicileri virgülle ayırmamayı unutmayın.

Tarayıcı Desteği

Bu tarayıcı destek verileri, daha fazla ayrıntıya sahip olan Caniuse'den alınmıştır. Bir sayı, tarayıcının özelliği o sürümde ve sonrasında desteklediğini gösterir.

Masaüstü Bilgisayar

Krom Firefox IE Kenar Safari
15 * 3 * Hayır 79 6.1 *

Mobil / Tablet

Android Chrome Android Firefox Android iOS Safari
88 85 4.4 * 6.0-6.1 *

İlişkili

  • :link
  • :matches()
  • :visited

Daha fazla bilgi

  • Seçiciler Seviye 4 Spesifikasyonu (Çalışma Taslağı)
  • Mozilla Belgeleri