Question

有人可以帮我解决Joomla 2.5扩展的这个css代码 - RSS新闻标题滑块。

它的css样式很差 -

#RSS-SHOW-SETTING1 p {
    width:100%;
    vertical-align:middle;
    padding-top:3px;
    padding-bottom:3px;
    }

显示我在鼠标悬停时为白色的标题（在白色背景上使其在悬停时不可见）。所以我需要在这个css id选择器中加入一个参数，它将悬停标题的颜色改为绿色（或任何其他颜色）。我不能用我谦虚的css知识处理它。

感谢任何帮助！

Answer 1

我猜您的默认p标记设置为白色，因此您可以执行以下操作：

#RSS-SHOW-SETTING1 p:hover {
  color: green;
}

Answer 2

实现此目的的最简单方法是放置以下css代码：

#RSS-SHOW-SETTING1 p {
    width:100%;
    vertical-align:middle;
    padding-top:3px;
    padding-bottom:3px;
    color: green !important;
}

Answer 3

您可以通过在样式中添加以下代码来更改它：

#RSS-SHOW-SETTING1 p:hover {
    color: green !important;
}

当鼠标光标悬停在标题上时，它会将颜色更改为绿色。

Answer 4

请更新html和css，以便它可以在所有浏览器中使用

<html>
<style type="text/css">
#RSS-SHOW-SETTING1 a:hover {
color: green !important;
}
</style>

<div id="RSS-SHOW-SETTING1">
<p>
<a href="#">Testing by admin</a>
</p>
</div>
</html>

如果您使用＃RSS-SHOW-SETTING1 p：hover那么它会在IE浏览器中产生问题

CSS样式 - 鼠标悬停时的标题颜色

4 个答案: