如何从链接到其他网站的特定图像中删除“border-bottom”?

时间:2022-12-30 09:27:04

I have an add this button on the website that is rendering a border bottom in the subheader. This seems to be because the CSS is attributing a border bottom to all hyperlinks in that subheader box. However, I want to remove the border bottom from the images (twitter, rss) only. I've tried various methods with no success. My most recent attempt involved adding custom CSS to the border bottom: #subheader a { border-bottom: none; }

我在网站上添加了这个按钮,在子标题中呈现边框底部。这似乎是因为CSS将边框底部归因于该子标题框中的所有超链接。但是,我想仅从图像(twitter,rss)中删除边框底部。我尝试了各种方法但没有成功。我最近的尝试涉及向边界底部添加自定义CSS:#subheader a {border-bottom:none; }

Here is my website: http://edhaj.tumblr.com/

这是我的网站:http://edhaj.tumblr.com/

Thanks for any help on this!!

感谢您的帮助!!

3 个解决方案

#1


0  

A new rule like this one should work:

像这样的新规则应该有效:

#subheader .addthis_toolbox a {
  border-bottom:none;
}

#2


0  

Changing the selector from #subheader a to #subheader > a does the trick in your case because the links you want to give a border-bottom style are direct child nodes of the div with the id subheader but the other linked elements are not.

将选择器从#subheader a更改为#subheader> a可以解决您的问题,因为您想要提供边框底部样式的链接是具有id子标题的div的直接子节点,但其他链接元素则不是。

#3


0  

Well those images are within your addthis box so did you try:

那些图像都在你的附加框中,所以你试试:

#subheader .addthis_toolbox a {border-bottom: 0 none;}

#1


0  

A new rule like this one should work:

像这样的新规则应该有效:

#subheader .addthis_toolbox a {
  border-bottom:none;
}

#2


0  

Changing the selector from #subheader a to #subheader > a does the trick in your case because the links you want to give a border-bottom style are direct child nodes of the div with the id subheader but the other linked elements are not.

将选择器从#subheader a更改为#subheader> a可以解决您的问题,因为您想要提供边框底部样式的链接是具有id子标题的div的直接子节点,但其他链接元素则不是。

#3


0  

Well those images are within your addthis box so did you try:

那些图像都在你的附加框中,所以你试试:

#subheader .addthis_toolbox a {border-bottom: 0 none;}