javascript - 在 html 和 css 中为跨度添加悬停颜色?

标签 javascript css html

<分区>


关闭 9 年前

  • 关于您编写​​的代码问题的问题必须在问题本身中描述具体问题 — 并且包括有效代码 以重现它。参见 SSCCE.org寻求指导。
  • 要求提供代码的问题必须表现出对所解决问题的最低限度的理解。包括尝试过的解决方案、为什么它们不起作用,以及预期结果。另请参阅:Stack Overflow question checklist

我在 span 类中遇到了悬停颜色的问题。我能够在此页面中创建两个类,但在另一个类中悬停 未受影响。在这种情况下,我只是包含到我的测试页面中,请检查一下,让我知道我的代码内部有什么问题?我真的很困惑,我不知道如何解决它。

请检查以下内容:

http://www.malayatourism.com/thisistest/testnowjobdoneperfectlyworkjobdone/index.php

如您所见,有 7 个主题,只有 MainTimeGallery 已经影响了悬停颜色,而另一个主题没有受到影响,但是这些主题已经受到 slides2.css" 的影响,我的意思是,位置和颜色、大小,一切正常,但只是 A HOVERING COLOR 不起作用

你能检查一下吗,如果可能的话告诉我里面有什么问题?

请注意,我只能使用 SPAN,不能使用 DIV 或其他东西。

提前致谢。

问候

最佳答案

您真的只需要使用浏览器的样式表检查工具来调试这些东西。例如,“画廊”链接不响应悬停,因为标记和 CSS 规则根本不一致。标记如下所示:

<span class="l">
  <a style="galleryscaptionsmall" href="http://gallery.com/">
    <span class="circleContainer">
      <span class="vAligner">
        <p class="inner">
          <span class="importantValue">
            <span class="number"></span>
            <span class="galleryscaptionsmall">Gallery</span>
          </span>
        </p>
      </span>
  </a>
</span>

那个<a>将“style”设置为“galleryscaptionsmall”的标签显然是错误的;那应该是一个“类”属性。有一个样式规则

.gallerycaptionsmall a:hover

但没有一个标记与该选择器相匹配。即使是这样,规则也会使颜色变成蓝色,并且该文本已经是蓝色的。

关于javascript - 在 html 和 css 中为跨度添加悬停颜色?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18814153/

上一篇:css - 非响应式网站不会调整大小以适应移动浏览器

下一篇:css - 如何根据 PSD 设置 Scroller 的样式

相关文章:

javascript - 对象内 "this"的范围

JavaScript 在输入焦点时运行函数

Javascript - 关于对象

html - CSS 背景颜色未延伸到屏幕边缘

javascript - 隐藏电子邮件报告中的空行

html - Chrome/Safari/WebKit(和 IE?): Overflow not being respected

javascript - 用鼠标移动随机放置的盒子

javascript - 单击子项时如何删除父项

css - DIV 像表格一样对齐

javascript - 带有模态上一个/下一个按钮的图像 slider 不起作用?