TÜM stilleri / biçimlendirmeleri köprülerden kaldırma

157

Farklı renklere ( hrefbağlantılara) sahip kelimeler içeren bir gezinme menüsü oluşturuyorum . Ben renk herhangi bir devlet (vurgulu, ziyaret vb) değiştirmek DEĞIL istiyorum.

Farklı durumlar için renkleri nasıl ayarlayacağımı biliyorum, ancak metin rengini (ve diğer stilleri / biçimlendirmeleri) olduğu gibi bırakmak için kodu bilmek istiyorum.

Baska öneri?

html css href

— SiteHopper
kaynak

249

Sadece geçersiz hangi bağlantılar için bir stil tanımlayabilirsiniz a:hover, a:visitedvb .:

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

Bunun inherityerine, üst stillerdeki nitelikleri kullanmak istiyorsanız da değeri kullanabilirsiniz:

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

— Frxstrem
kaynak

4

Önemli olan inheritanahtar kelimedir. Maalesef% 100 desteği yok.

— david

2

initialcss'yi varsayılan stile sıfırlamak istediğinizde de yararlıdır. Bu burada iyi açıklanmıştır bağlantı

— SiteHopper

İçin çok teşekkür ederim inherit!

— parsecer

@david, Hala duruyor mu? inheritYalnızca eski tarayıcılarda ve Internet Explorer'da çalışmaz mı yoksa popüler tarayıcılarda (Chrome, Firefox) da zorluklar mı yaşıyorsunuz?

— parsecer

1

Unet'e de göz atın . >> Belirlenmeyen CSS anahtar sözcüğü, bir özelliği üst öğesinden devralındığında devralınan değerine ve yoksa başlangıç değerine sıfırlar. Başka bir deyişle, ilk durumda inherit anahtar sözcüğü ve ikinci durumda ilk anahtar sözcük gibi davranır.

— JackMorrissey

4

Chris'in benden önce söylediği gibi, sadece bir ageçersiz kılınması gerekir. Örneğin:

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

Bu örnekte .nav aDAİMA yeşil olur:: fareyle üzerine gelmez.

Etkileyen başka bir kural varsa, KULLANABİLİRSİNİZ !importantama kullanmamalısın . İçeri girmek kötü bir alışkanlık.

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

O zaman her zaman yeşil olur, başka bir kuralla alakasız olur.

— SpoonNZ
kaynak

Sorduğu şey bu değil. Soruyu tekrar okuyun. Bunu zaten biliyor.

— david

@david Tekrar okudum, eminim sorduğu şey bu. Bu kod, aüzerinde :hover(veya :visitedvb.) Herhangi bir değişikliği önleyecek bir stil ayarlamasına izin verecektir . Gerçek bir çözüm önermiş olursanız, bir çük olmak ve üç cevabı da ovmak yerine?

— SpoonNZ

Yardım için teşekkürler. Peki ya bağlantı böyle ise. 2 renk 2 kelime, ama sadece 1 bağlantı: benzersiz (pembe) satış (siyah) Ve onlar herhangi bir durumda bu renk kalmak gerekir. Bu şekilde satır içine kodladım ... <a href="#" style="text-decoration: none" target="_blank"> <span style = "font-family: Arial; font-size: 13px; renk: # e91974; font-weight: lighter; "> benzersiz </span> <span style =" font-family: Arial; font-size: 13px; renk: # 020202; font-weight: lighter; "> satış </ span > </a> Ama daha temiz olmalı. (kodda böyle birçok bağlantı var) Herhangi bir öneriniz var mı?

— SiteHopper

1

Bağlantı a/ köprünün tüm durumlarını tanımlamak için stil sayfanızdaki bir seçiciyi kullanabilirsiniz . Örneğin:

a {
    color: blue;
}

Tüm bağlantı stillerini geçersiz kılar ve tüm durumları mavi renk yapar.

— Chris
kaynak

Sorduğu şey bu değil. Soruyu tekrar okuyun. Bunu zaten biliyor.

— david

-1

Eğer bunu a.redLink{color:red;}vurgulu tutmak ve böyle bir ekleme a.redLink:hover{color:red;} yapmak için belirtirseniz, başka bir vurgulu durumun bağlantılarınızın rengini değiştirmeyeceğinden emin olursunuz

— Danferth
kaynak