Hapus SEMUA penataan / pemformatan dari hyperlink


157

Saya membuat menu navigasi dengan kata-kata dengan berbagai warna ( hreftautan). Saya ingin warna TIDAK berubah pada kondisi apa pun (mengarahkan, mengunjungi dll).

Saya tahu cara mengatur warna untuk negara yang berbeda, tapi saya ingin tahu kode untuk hanya meninggalkan warna teks (dan gaya / pemformatan lainnya) apa adanya.

Ada Saran?

Jawaban:


248

Anda cukup menentukan gaya untuk tautan, yang akan menimpa a:hover, a:visiteddll .:

a {
  color: blue;
  text-decoration: none; /* no underline */
}

Anda juga dapat menggunakan inheritnilai jika Anda ingin menggunakan atribut dari style induk:

body {
  color: blue;
}
a {
  color: inherit; /* blue colors for links too */
  text-decoration: inherit; /* no underline */
}

4
Bagian yang penting adalah inheritkata kunci. Sayangnya tidak memiliki dukungan 100%.
David

2
initialjuga membantu ketika Anda ingin mengatur ulang css ke gaya default. Ini dijelaskan dengan baik di sini tautan
SiteHopper

Terima kasih banyak untuk inherit!
parsecer

@david, Apakah masih berdiri? Tidak inherithanya berfungsi di browser anciet dan Internet Explorer atau ada kesulitan di browser populer (Chrome, Firefox) juga?
parsecer

1
Periksa juga tidak disetel . >> Kata kunci CSS yang tidak disetel akan menyetel ulang properti ke nilai bawaannya jika mewarisi dari induknya, dan ke nilai awal jika tidak. Dengan kata lain, ini berperilaku seperti kata kunci inherit dalam kasus pertama, dan seperti kata kunci awal dalam kasus kedua.
JackMorrissey

4

Seperti yang dikatakan Chris sebelum saya, hanya aharus ditimpa. Sebagai contoh:

a { color:red; }
a:hover { color:blue; }
.nav a { color:green; }

Dalam hal ini .nav aSELALU akan berwarna hijau, hover: tidak akan berlaku untuk itu.

Jika ada beberapa aturan lain yang memengaruhinya, Anda DAPAT menggunakan !important, tetapi Anda seharusnya tidak. Itu kebiasaan buruk untuk jatuh ke dalam.

.nav a { color:green !important; } /*I'm a bad person and shouldn't use !important */

Maka akan selalu berwarna hijau, tidak relevan dengan aturan lainnya.


Ini bukan yang dia tanyakan. Baca kembali pertanyaannya. Dia sudah tahu ini.
david

@david saya telah membaca kembali, cukup yakin itulah yang dia tanyakan. Kode ini akan memungkinkan dia untuk menetapkan gaya ayang akan mencegah perubahan apa pun pada :hover(atau :visiteddll). Bagaimana kalau alih-alih menjadi kontol dan menggosok ketiga jawaban yang Anda sarankan solusi yang sebenarnya?
SpoonNZ

Terima kasih untuk bantuannya. Tapi bagaimana jika tautannya seperti ini. 2 kata dalam 2 warna, tapi itu hanya 1 tautan: penjualan unik (berwarna merah muda) (hitam) Dan mereka harus tetap warna itu di negara bagian mana pun. Saya mengkodekannya dengan cara ini ... <a href="#" style="text-decoration: none" target="_blank"> <span style = "font-family: Arial; font-size: 13px; color: # e91974; font-weight: lighter; "> unique </span> <span style =" font-family: Arial; ukuran font: 13px; warna: # 020202; font-weight: lighter; "> penjualan </ span > </a> Tetapi harus ada pembersih. (ada di mana banyak tautan seperti ini dalam kode) Ada saran?
SiteHopper

1

Anda bisa menggunakan apemilih di stylesheet Anda untuk mendefinisikan semua status jangkar / hyperlink. Sebagai contoh:

a {
    color: blue;
}

Akan menimpa semua gaya tautan dan membuat semua negara bagian warna biru.


Ini bukan yang dia tanyakan. Baca kembali pertanyaannya. Dia sudah tahu ini.
David

-1

jika Anda menyatakan a.redLink{color:red;}kemudian menyimpannya di atas dan menambahkan seperti a.redLink:hover{color:red;} ini Ini akan memastikan tidak ada negara lain akan mengubah warna tautan Anda

Dengan menggunakan situs kami, Anda mengakui telah membaca dan memahami Kebijakan Cookie dan Kebijakan Privasi kami.
Licensed under cc by-sa 3.0 with attribution required.