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'和'：hover'之间存在差距。

另外，请检查此行 -

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

我没有ASP的经验。但我猜你写的img src的代码是错误的。它应该是这样的（你错过了引号） -

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

防止CSS类被Child divs继承

1 个答案: