css div：懸停與轉換隻適用於一個元素？

由於某些原因，當我設置一個轉換，以便當我的鼠標懸停在一個元素上時，背景會改變顏色，它只能使用一個elemtn，但它們都共享同一個類？任何幫助我的CSScss div：懸停與轉換隻適用於一個元素？

.outer_ad 
{ 
    position:relative; 
    background:#E6E6E6;; 
    display:inline-block; 
    border: 1px solid black; 
    z-index:0; 
    transition: background 1s; 
    -webkit-transition: background 1s; /* Safari */ 
} 

.outer_ad:hover 
{ 
    z-index:1; 
    background: blue; 
}

小提琴http://jsfiddle.net/P26tf/

來源

2014-02-07 Jim Jones

目標的<div>標籤更具體。見http://jsfiddle.net/P26tf/1/：

#main .outer_ad 
{ 
    position:relative; 
    background:#E6E6E6;; 
    display:inline-block; 
    border: 1px solid black; 
    z-index:0; 
    transition: background 1s; 
    -webkit-transition: background 1s; /* Safari */ 
} 

#main .outer_ad:hover 
{ 
    z-index:1; 
    background: blue; 
}

來源

2014-02-07 21:54:05 Ryan

哎呀我的錯誤，我誤解了一秒鐘，謝謝！ –

這是因爲：

#outer_biz_pers 
    { 
    background:#E6E6E6; 
    }

嘗試，而是執行此操作：

background: blue !important;

來源

2014-02-07 21:56:22 malta

一些懸停的正在被其他類重寫，加入！重要的標籤固定在你的小提琴上

.outer_ad：hover { z-index：1; 背景：藍色！重要; }

來源

2014-02-07 21:58:51 Zach

Micallef擊敗我哈哈 – Zach

特殊照顧的overridding背景懸停設置與您的型動物設置好的其他CSS的那些：

 .outer_ad:hover 
     { 
      z-index:1; 
      background: blue ; 
     } 

     #outer_price 
     { 
      top:-83px; 
      background:#E6E6E6; 
     }

這裏你的背景藍色永遠不會被使用，因爲#outer_price具有更高的重要性範圍比你的。 outer_ad：懸停

你可以做

 body div#main div.outer_ad:hover 
     { 
      z-index:1; 
      background: blue ; 
     }

或

 .outer_ad:hover 
     { 
      z-index:1; 
      background: blue !important ; 
     }

強制您的懸停類比＃號「更重要」。 CSS指層疊樣式表，級聯是關鍵;）

http://monc.se/kitchen/38/cascading-order-and-inheritance-in-css

來源

2014-02-07 21:59:52

css div：懸停與轉換隻適用於一個元素？

回答

相關問題