Böyle bir şey yapmak istiyorum:CSS hover html etiketinin içinde nasıl kullanılır?
<li style="hover:background-color:#006db9;">
Ama işe alışkanlık. Bu bir şekilde yapmak mümkün mü ya da css kafasına veya harici css belgesine yazmak zorunda mıyım?
style özniteliği kullanılarak bu mümkün değil. Belgede veya harici bir dosyada CSS kullanmanız gerekir.
li:hover { background-color:#006db9; }
Bu bir seçenek değilse, o halde JavaScript'e başvurmanız gerekir.
AFAIK bu, Javascript olmadan satır içi yapılamaz. Önceden önerdiğiniz gibi başlığa veya harici stil sayfalarına koymalısınız. Vücudun içindeki bir <style> etiketinde bulunan <style> etiketi de bildiğim, ancak geçerli olmayan ve bu nedenle tavsiye edilmeyen tüm tarayıcılar tarafından yorumlanır.
AFAIK Inline css'de sözde sınıfları (: vurgulu, etkin, vb.) Kullanamazsınız.
a.hoverable:hover{background-color:#006db9}
Ya da sadece kullanabilirsiniz: Bunun yerine sadece, sen <a href="#" class="hoverable"> ve sonra dosyanın üst kısmında veya harici bir CSS dosyasında bu stil koymak bir çapalar etiketinde yuva bunu can <li> sahip
Bağlantı etiketini kullanmaktan kaçınmak için Javascript.
JQuery'u öneririm.
Satır içi stillerle mümkün değildir, ancak (in) ünlü onmouseover/onmouseout olay işleyicisi aynı şeyi yapabilir.
<li onmouseover="this.style.backgroundColor='#006db9'" onmouseout="this.style.backgroundColor=''">
Uyarı: tire ile CSS tanımları (css) background-color = (javascript) backgroundColor değil
bu pseudoclasses Tüm tarayıcılarda çalışmıyor belirtmeyi gibi camelCase kullanarak Javascript Çevrilecek olan . Tek güvenilir tatil yeri JS. – BalusC
Anlaşmalı. Ne yazık ki bu gerçektir :( –
Desteklemeyen (şu andaki geçerli) tarayıcılar var: IE dışındakiler <7? –