更改特定的列表項屬性

我想改變列表項的背景，以確保它具有懸停屬性，即使它沒有被徘徊。儘管我已經提到過使用一個類，但是文本並沒有改變。更改特定的列表項屬性

HTML：

  <div id="header"> 
    <img id="logo" src="images/logo.jpg"> 
    <ul> 
    <li> <a href="#">CONTACT</a> </li> 
    <li> <a href="#">GALLERY</a> </li> 
    <li> <a href="#">EVENTS</a> </li> 
    <li> <a href="#" class="currentpage">HOME </a> </li> 
    </ul>   
    </div>

CSS：

 #header ul { 
     padding-top:1em; 
      } 

     #header ul li a.currentpage { 
     color:white !important; 
     background-color: #F96E5B !important; 
     } 

     #header ul li a { 
     text-decoration: none; 
     color:#676767; 
     font-family: 'Oswald', sans-serif; 
     font-size: 1em; 
     float:right; 
     line-height: 3em; 
     padding-right: 1em; 
     padding-left:1em; 
      } 

      #header ul li a:hover{ 
     background-color: #F96E5B; 
      }

http://ashwin931996.webege.com

來源

2012-10-30 Ashwin Vasudevan

請準確地發佈您的問題。什麼是HTML，你想在CSS中做什麼？ – Andy

我看到一個錨點的id爲'＃selected'，但是在你的css文件中沒有這個id的規則。在你的css中有一個叫'.currentpage'的類，也許這就是你想要的類？ – Jrod

試試這個代碼

<li> 
<a class="one" href="#">CONTACT</a> 
</li> 
<li> 
<a class="two" href="#">GALLERY</a> 
</li class="one"> 
<li> 
<a class="three" href="#">EVENTS</a> 
</li> 
<li> 
<a class="four" href="#">HOME </a> 
</li>

CSS

#header ul li a.one:hover 
{background-color: #F96E99; 
color: white;} 
#header ul li a.two:hover 
{background-color: #F96E22; 
color: white;} 
#header ul li a.three:hover 
{background-color: #F96Eaa; 
color: white;} 
#header ul li a.four:hover 
{background-color: #F96E55; 
color: white;}

演示; http://jsfiddle.net/PbMg2/1/

你需要提到單獨的類懸停功能。我希望這可能對你有所幫助。

來源

2012-10-30 13:29:42 Selvamani

某些東西編輯並添加演示頁面 – Selvamani

看你的代碼的網頁/鏈接您發佈後，它看起來像你想改變一個標籤您提供的物品的背景顏色id="selected"

的CSS你想要的目標是：

#header ul li a#selected {background:red /* or whatever color you want it */ }

來源

2012-10-30 13:28:31 Andy

謝謝，它的工作。 –

更改特定的列表項屬性

回答

相關問題