从一个HTML图像中删除CSS规则
我在Wordpress工作,我有一个帖子里面的图片,我想删除其中的CSS格式 在我的CSS中有一个规则,可以提供图像背景,我不确定从这张图像中删除CSS规则所需的HTML 任何帮助都将不胜感激 编辑:右。代码会很有帮助:下面是CSS规则,它适用于放置在站点上的所有图像从一个HTML图像中删除CSS规则,html,css,wordpress,Html,Css,Wordpress,我在Wordpress工作,我有一个帖子里面的图片,我想删除其中的CSS格式 在我的CSS中有一个规则,可以提供图像背景,我不确定从这张图像中删除CSS规则所需的HTML 任何帮助都将不胜感激 编辑:右。代码会很有帮助:下面是CSS规则,它适用于放置在站点上的所有图像 /* 3.2 Images */ .entry img, img.thumbnail { padding: 4px; background: #f6f6f6; border:2px solid #fff; display
/* 3.2 Images */
.entry img, img.thumbnail {
padding: 4px;
background: #f6f6f6;
border:2px solid #fff;
display: block;
-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
transition: all 0.25s ease-in-out;
-webkit-transition: all 0.25s ease-in-out;
-moz-transition: all 0.25s ease-in-out;
}
.entry img:hover, img.thumbnail:hover {
box-shadow: 0 0 5px rgba( 10, 10, 10, 0.5 );
-webkit-box-shadow: 0 0 5px rgba( 10, 10, 10, 0.5 );
-moz-box-shadow: 0 0 5px rgba( 10, 10, 10, 0.5 );
}
如果只有一张图片在只有一篇文章
1-从后期编辑的右上角单击
HTML
2-找到该图像的
img
标签。
3-在
并更新您的帖子
如果您想对更多图像执行此操作,我建议您在wordpress的style.css中创建一个CALS,并将该类应用于这些图像。创建一个覆盖这些规则的id
style="background-color:none;"
html看起来像
<img style="background-color:none;" src="SourceOfImage" ...>
任何代码都将不胜感激:)好问题,但您需要展示一些代码。如果您查看相关页面的源代码,然后显示相关图像周围的代码,我们可能会帮助您。您必须为该图像设置新的css规则。尝试向其添加style=“background:none”。WP post中的每个图像都有一些id为的父图像。因此,以那些id
s为目标,或者您可以使用class和:nth-child()
好的调用以该图像为目标。如果图像上有阴影和方框,那么设置一个类来删除它们会更容易,然后将该类应用于这张图像,还是通过“样式”html代码来删除它们更好?如果您想在整个网站中只对一张图像执行所有这些操作,那么只需内联操作即可。如果要将其应用于更多图像,那么最好通过css文件进行控制。内联样式的优先级高于通过类定义应用的样式,因此,如果您选择内联执行,则不需要编辑css文件,因为内联样式在img元素上具有更高的优先级。您也可以通过内联样式设置阴影和其他样式,只需用分号将它们分开。我更喜欢通过CSS文件设置所有样式,我建议您这样做,因为您使用的是WordPress,而且只需一张图像就可以更容易地维护它。包括!重要信息
,以确保您的规则也不会被覆盖。
#justthisonce img{
//css rules for the "one off" image
}
<div id="justthisonce"><img ..... /></div>