防止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') %>" />