Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/40.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应用于<;没有<;img儿童_Css - Fatal编程技术网

将CSS应用于<;没有<;img儿童

将CSS应用于<;没有<;img儿童,css,Css,我在带有背景图像的标签上使用了一种特殊的链接效果:CSS。这些链接看起来不错,但网站也包含了大量的链接,这些链接也得到了CSS 我目前正在用jQuery解决这个问题:$(“img”).parent().css(“background”,“none”) 有没有任何正确的方法可以使用CSS来实现这一点,让CSS不影响标签 代码: CSS4定义了以下语法: !a>img {background-image:none} 然而,据我所知,还没有浏览器支持它。关于的位置也不是最终的按a!>img和!

我在带有背景图像的
标签上使用了一种特殊的链接效果:CSS。这些链接看起来不错,但网站也包含了大量的
链接,这些链接也得到了CSS

我目前正在用jQuery解决这个问题:
$(“img”).parent().css(“background”,“none”)
有没有任何正确的方法可以使用CSS来实现这一点,让CSS不影响标签

代码:


CSS4定义了以下语法:

!a>img {background-image:none}
然而,据我所知,还没有浏览器支持它。关于
的位置也不是最终的
a!>img
!a!>img
已提出所有建议

因此,基本上没有CSS解决方案。然而,有一个“黑客”解决方案

假设
body{background:white}
,可以执行以下操作:

a>img {background:white}

这将用一个白色的背景来覆盖链接的背景,这实际上将隐藏它。根据需要调整颜色。请注意,如果您的内容区域有背景图像,这将不起作用…

您的链接有什么不同?
域、叶柄文件夹、扩展名等…
我问过,因为你可以通过url过滤它们

[href~=picto] will mathch if url contains picto or something similar
[href^="image/] will match any url begining with  image/whatever_is_behind_or_not
[href*="image/] will match any url containing  image/
[href$=".jpg"] will match any url ending with this .jpg extension

正如你所看到的,现在有很多选择,但是level4将使它变得更容易:)

好吧,除非我遗漏了什么,否则解决这个问题的方法相当简单

在我工作的一个网站上,我使用了以下两个CSS规则来区分链接文本效果和链接图像效果:

a:link{
/*链接文本效果的规则*/
}
img{
/*链接img效果的规则*/
}

当我看到这个:
背景图像:url(/underline.png)
要在CSS2中解决这个问题,您需要重新设计代码。因此,这可能有点不切实际

保留链接的css代码

然后,无论在哪里有一个带有图像的链接,都应该添加一个类。使用此类链接覆盖典型行为的CSS

在当前的CSS功能中,无法实现您想要的功能。Jquery可以工作,但它毕竟是一种黑客行为

 a {
   code here that you want
 }
 a.img {
   override properties
 }

 <!-- Html -->
 <a href="#">Normal Text</a>
 <a class="img" href="#"><img src="image.png" width="x" height="y" alt="" /></a>
a{
在这里输入您想要的代码
}
a、 img{
覆盖属性
}

一些思考的食物->CSS不支持您所寻求的东西的原因是因为孩子不应该定义父母的风格!毕竟,我们(作为人)并不定义父母的特质,但我们肯定会超越我们继承的特质。

请发布您的代码。如果没有它,这个问题就太模糊了。可能是重复的,谢谢你的黑客提示,但不幸的是,我在大多数图像后面没有白色背景。如果你有任何纯色,你可以使用它。a:链接只与“href”属性匹配,不是主播这不起作用,因为他想更改链接样式而不是img样式。@是的,我只是重新阅读了这个问题,看到了他的jquery选择器的方法实际上是如何指向链接标记的。
 a {
   code here that you want
 }
 a.img {
   override properties
 }

 <!-- Html -->
 <a href="#">Normal Text</a>
 <a class="img" href="#"><img src="image.png" width="x" height="y" alt="" /></a>