js代码在悬停时显示为文本

Question

在<script type="text/javascript"></script>标记内有一些javascript代码的隐藏块。 当我将鼠标悬停在div上时，我将此代码视为文本。如果我将js代码移到隐藏块之外，则代码是不可见的。为什么会这样？

您可以在此处查看我的演示：http://goo.gl/XVlhXq只需悬停在任何产品图片上。

错误屏幕：http://goo.gl/Qvu7Hr

Answer 1

你有那个CSS规则

.car-item:hover .hide * {
    display: block;
}

其中还定位了script个标签。

要么不在页面标记内添加脚本（例如将其放在正文的末尾），要么添加不太具体的CSS规则。

Answer 2

你有

.car-item .hide {
      display:block;
}

覆盖

.hide {
    display:none;
}

因为它定义了更多的类，因此CSS Specificity

的级别更高

您可以通过

解决此问题

• 从.car-item .hide删除display：block，

• 添加！重要标志，如

  .hide {     显示：无;重要！ }

• 为它添加几个类，这很糟糕，比如

  .car-item .hide * {     显示：无; }

此外，这是无关的，但你有

<div class="rating"> 

在你的

里面

<div class="hide">

听起来不对劲。也许这是一个案例，因为有“身高：15px;”不太“隐藏”。