Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/73.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
Html 应用:之前不适用于图像_Html_Css_Wordpress - Fatal编程技术网

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:谢谢您的评论!我将相应地更改我的答案。