css中的hover ,關於li與a標簽的問題


<head>
<style>
ul li a:hover{
background-color: red;
}
</style>
</head>
<ul>
<li><a>文字</a></li>
</ul>

這樣只有 文字 懸停時會變紅 但是我要前面的小圓點也變紅 有沒有辦法?
實際工作中背景是個圖片 把背景圖片向左移也行 就是要整個 li 都在背景中
但hover只對a有效 ,如果在li外面包一個<a>,好像會背景圖片有文字的地方是白的 而且整個li會向右移
不想用腳本 ,有沒有辦法?
<head>
 <style>
ul li{list-style:none;(取消LI標簽默認樣式,就是前邊自帶的小圓點,你需要遠點的話可以直接在文字前邊添加“·”符號就可以)}
 ul li a:hover{

  background: #f00;(背景變紅,注:可能無法實現,因為A標簽沒有塊級顯示,需要定義display: block;)
color:#f00(鼠標滑過,文字變紅。)
 }
 </style>
</head>
<ul>
 <li><a>文字</a></li>
</ul>

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM