Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/joomla/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
CSS样式-鼠标悬停时的标题颜色_Css_Joomla_Hover_Styling_Joomla Extensions - Fatal编程技术网

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

CSS样式-鼠标悬停时的标题颜色,css,joomla,hover,styling,joomla-extensions,Css,Joomla,Hover,Styling,Joomla Extensions,有人可以帮助我使用Joomla 2.5扩展版的css代码-RSS新闻标题滑块 它的css样式很差- #RSS-SHOW-SETTING1 p { width:100%; vertical-align:middle; padding-top:3px; padding-bottom:3px; } 它显示鼠标悬停时为白色的标题(白色背景使其在悬停时不可见)。所以我需要在css id选择器中加入一个参数,将悬停标题的颜色更改为绿色(或任何其他颜色)。我不能用我有

有人可以帮助我使用Joomla 2.5扩展版的css代码-RSS新闻标题滑块

它的css样式很差-

#RSS-SHOW-SETTING1 p {
    width:100%;
    vertical-align:middle;
    padding-top:3px;
    padding-bottom:3px;
    }
它显示鼠标悬停时为白色的标题(白色背景使其在悬停时不可见)。所以我需要在css id选择器中加入一个参数,将悬停标题的颜色更改为绿色(或任何其他颜色)。我不能用我有限的css知识来处理它


谢谢你的帮助

实现这一点的最简单方法是放置以下css代码:

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

您可以通过将以下代码添加到样式中进行更改:

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

当鼠标光标悬停在标题上时,它会变为绿色。

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

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

请更新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-SETTING1A:悬停{
颜色:绿色!重要;
}


如果您使用#RSS-SHOW-SETTING1 p:hover,则会在IE浏览器中产生问题

我尝试过,但没有工作,可能是因为这些参数与整个。但是添加这一行并没有任何变化..感谢您的尝试div是??我从未见过这些字符被用在html中……我的错误。。。我找到了解决方案,并用一个复选框标记它..谢谢帮助OK这看起来可能可行,但我应该如何用我现有的。。像这样:'code'#RSS-SHOW-setting1p{width:100%;垂直对齐:中间;padding top:3px;padding bottom:3px;}'code'和后面的部分'code'#RSS-SHOW-setting1p:hover{color:green!重要;}“代码”或者我应该以某种方式组合它…?我在代码标记上犯了一个错误,然后再次键入-好的,这看起来可能会起作用,但我应该如何用现有的。。像这样:
#RSS-SHOW-setting1p{width:100%;垂直对齐:中间;填充顶部:3px;填充底部:3px;}
和它后面的部分
#RSS-SHOW-setting1p:hover{color:green!重要;}
或者我应该以某种方式组合它…?也谢谢你的帮助!拿着你的代码行,把我的贴在下面。但正如我所看到的,你解决了。幸福未来编码:)与Petr Vocelka的回答类似,请写信告诉我如何将其与现有源代码结合。您不需要将其结合,只需将其插入新行即可。希望这有帮助。很高兴为您服务,以获取更多信息。