防止CSS類的div

Question

我有以下的div

<div class="ProductsDiv"> 
    <div> 
     <img src=images/<%# Eval("GpuPic") %> /> 
     <br /> 
     <span> <%# Eval("GpuModel") %> </span> 
     <span> <%# Eval("GpuPrice")%> PKR </span>  
    </div> 
</div> 

類ProductsDiv包含樣式，設置box-shadow和transition到div。我只想將這個類應用於最外層div，但它也適用於內層div。我如何特別適用於外部div？

Answer 1

您在留言發佈的CSS有一個錯字錯（可能），這是造成問題 -

.ProductsDiv:hover { 
    -moz-box-shadow: 0 0 5px rgba(0,0,0,0.5); 
    -webkit-box-shadow: 0 0 5px rgba(0,0,0,0.5); 
    box-shadow: 0 0 5px rgba(0,0,0,0.5); 
    -moz-transition: all 0.3s ease-in-out; 
} 

有「ProductsDiv」之間的差距「：懸停」。

此外，還要檢查該行 -

<img src=images/<%# Eval("GpuPic") %> /> 

我已經對ASP的經驗。但我想你寫了img src的代碼是錯誤的。它應該是這樣的（你錯過了引號） -

<img src="images/<%# Eval('GpuPic') %>" />