Css 如何设置target=“\u blank”锚的样式?

Css 如何设置target=“\u blank”锚的样式?,css,Css,我一直在寻找一种方法来改变我网站上所有链接的css,这些链接都有一个目标:_blank;请注意,我只能在css中执行此操作,而不能在js中执行。多谢各位 例如: <style> a{ color : blue } a:[target=_blank]{ color : green} </style> <a href="someplace.html">link1</a> <a href="someplace.html" target="_bla

我一直在寻找一种方法来改变我网站上所有链接的css,这些链接都有一个目标:_blank;请注意,我只能在css中执行此操作,而不能在js中执行。多谢各位

例如:

<style>
a{ color : blue }
a:[target=_blank]{ color : green}
</style>

<a href="someplace.html">link1</a>
<a href="someplace.html" target="_blank">link2</a>
Link1是蓝色的,Link2是绿色的。

试试看

a{颜色:蓝色} a[target=_blank]{color:green} 试一试

a{颜色:蓝色} a[target=_blank]{color:green}
CSS3提供了基于属性的类,您可以使用这些类来定位它们

与您的情况一样,如果要匹配精确的字符串,请使用

a[target="_blank"] {
  // styles here
  background: red;
}
一些类似的变体:

a[href^="http:"] {
     // targets only links starting with http
}

img[src$=".png"] {
     // matches all images png images alone
}

a[href*="home"] {
       // matches all links which contains home in the link
}

CSS3提供了基于属性的类,您可以使用这些类来定位它们

与您的情况一样,如果要匹配精确的字符串,请使用

a[target="_blank"] {
  // styles here
  background: red;
}
一些类似的变体:

a[href^="http:"] {
     // targets only links starting with http
}

img[src$=".png"] {
     // matches all images png images alone
}

a[href*="home"] {
       // matches all links which contains home in the link
}

你忘了引号:[target=\u blank]是的,你可以这么做,@Bluety它是额外的:使它不起作用[target=blank]位是一个属性选择器,不是伪选择器,所以不需要冒号。@Huangism哦,是的,我没看见你忘了引号:[target=\u blank]是的,你可以这么做,@Bluety它是额外的:使它不起作用[target=blank]位是一个属性选择器,而不是伪选择器,因此不需要冒号。@哦,是的,我没有见过