Css代码在我的站点中不起作用_Css_Image_Hover

Css代码在我的站点中不起作用

css image

Css代码在我的站点中不起作用,css,image,hover,Css,Image,Hover,我在stackoverflow（）中找到了以下代码 img.按钮：悬停~p.text{ 颜色：rgb（88202230）； } p{ 字体大小：300；过渡：颜色1s轻松； } html文件中的配置文件包括以下链接标记： <head> <link rel="stylesheet" type="text/css" href="mystyle.css"> </head> @vitinx 有时，您需要为可能与站点上发生的其他样式发生冲突的样式指定“！i

我在stackoverflow（）中找到了以下代码

img.按钮：悬停~p.text{
颜色：rgb（88202230）；
}
p{
字体大小：300；
过渡：颜色1s轻松；
}


html文件中的配置文件

包括以下链接标记：

<head>
  <link rel="stylesheet" type="text/css" href="mystyle.css">
</head>

@vitinx

有时，您需要为可能与站点上发生的其他样式发生冲突的样式指定“！important”。尤其是Wordpress网站，如果不是数千种样式，也有数百种样式同时运行。试着在每种风格后面加上“重要”，如下所示：

img.button:hover ~ p.text {
color: rgb(88, 202, 230) !important;
}

p {
font-weight: 300 !important;
transition: color 1s ease !important;
}

或者，也许可以使用JQuery来实现悬停效果。我写了这段代码，它可以取代你为蓝色悬停效果编写的CSS代码：

$('img.button').mouseenter(function() {
  $( "p.text" ).css("color","rgb(88, 202, 230)");
});

img.按钮：悬停~p.text{
颜色：rgb（88202230）；
}
p{
字体大小：300；
过渡：颜色1s轻松；
}


img.按钮：悬停~p.text{
颜色：rgb（88202230）；
}
p{
字体大小：300；
过渡：颜色1s轻松；
}




配置文件

基于您的HTML代码，它应该可以工作<代码>：）我正在将您的代码转换为一个代码段以进行检查。欢迎使用堆栈溢出，您的代码运行良好。你想展示一个没有的地方吗？@vitinx你在wordpress中做得不对。我想你会复制CSS并将其粘贴到侧边栏的CSS选项中？了解wordpress后，你会从他们的编辑器中获得一些代码转换，或者应该有其他CSS规则作用于你的元素。检查一下。解决方案主要是这个和我的主题。他们在编辑器中“屏蔽”了一些东西，他们告诉我在我的想法中应该做什么，这样“自定义”代码就可以工作了