Html 应用:之前不适用于图像
我最近在Html 应用:之前不适用于图像,html,css,wordpress,Html,Css,Wordpress,我最近在wordpress中完成了一个网站,并修改了一个模板。 现在,我的客户希望在文本链接之前添加一个元素,所以我尝试添加一个:before,如图所示 a:before { content:url('triangle.png'); width:3px; height:5px; margin: 5px; } 到目前为止,它所做的工作非常有效: 但我的问题是,我的网站上也有图像链接,这会破坏我的布局 是否可以仅对文本区域中的链接应用a:before?您是否尝试过
wordpress
中完成了一个网站,并修改了一个模板。
现在,我的客户希望在文本链接之前添加一个元素,所以我尝试添加一个:before,如图所示
a:before {
content:url('triangle.png');
width:3px;
height:5px;
margin: 5px;
}
到目前为止,它所做的工作非常有效:
但我的问题是,我的网站上也有图像链接,这会破坏我的布局
是否可以仅对文本区域中的链接应用a:before
?您是否尝试过以下操作:
a:before > img {
content:"";
width:3px; /*maybe these styles are also not necessary for your layout*/
height:5px; /* then you can set them al to 0 */
margin: 5px;
}
你在文本区域有锚定标签吗?以前从未这样做过。无论如何,请尝试使用css中的textarea:before
而不是a:before
。请彻底检查每个网页,因为您没有使用特定的类名进行样式设置。有90%的可能性,造型也被应用到其他锚元素。是的。。。这里仍然有问题:/post您想要应用此样式的确切相关html。我们可能可以帮助您:)(当然隐藏私人内容)textarea
仅包含原始数据@格林先生text区域a:before
这将不起作用。您可能需要子特定选择器a:before>img{
而不是(任何)子代选择器a:before img{
@Stephen P:谢谢您的评论!我将相应地更改我的答案。