Bagaimanakah Saya Menggayakan Pautan Bermula Dengan Awalan Tertentu Menggunakan Pemilih Atribut CSS?

Memahami Pemilih Atribut CSS: a[href^="..."]

Dalam CSS, anda boleh menggunakan pemilih atribut untuk menggayakan elemen berdasarkan nilai atribut mereka. Satu pemilih atribut khusus ialah a[href^="..."]. Mari kita pecahkan komponennya:

• a: Ini memilih semua elemen dengan tag (tag sauh).
• href: Ini menentukan atribut href, yang mengandungi URL destinasi untuk pautan yang dibuat oleh teg sauh.
• ^=: Ini ialah operator nilai atribut "bermula dengan ."
• "http:": Ini ialah nilai yang harus dimulakan oleh atribut href dengan.

Bagaimana Ia Berfungsi?

Pemilih a[href^="http:"] sepadan dengan semua tag anchor yang nilai atribut hrefnya bermula dengan "http:". Ini biasanya termasuk kebanyakan pautan luaran yang merujuk tapak web di internet.

Sebagai contoh, pertimbangkan CSS berikut:

a[href^="http:"] {
   background: url(img/keys.gif) no-repeat right top;
}

Peraturan CSS ini akan menggunakan imej latar belakang dan kedudukan tertentu pada semua pautan yang mulakan dengan "http:".

Penggunaan Lanjutan:

Anda juga boleh menggunakan berbilang pemilih atribut dengan atribut yang sama, seperti yang ditunjukkan dalam contoh yang anda berikan:

a[href^="http://mysite.com"], a[href^="http://www.mysite.com"] {
   background-image: none; padding-right:0;
}

Peraturan ini menyasarkan semua pautan bermula dengan "http://mysite.com" atau "http://www.mysite .com" dan mengalih keluar imej latar belakang mereka dan menetapkan padding mereka kepada sifar. Ini membolehkan anda menyesuaikan rupa pautan luar dalam tapak web anda sendiri sambil membiarkan pautan luar lain tidak terjejas.

Atas ialah kandungan terperinci Bagaimanakah Saya Menggayakan Pautan Bermula Dengan Awalan Tertentu Menggunakan Pemilih Atribut CSS?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!