我并使用addthis share插件并将背景颜色更改为黄色,并且还添加了bottom-border: of 1px
,我想使用以下css从最后一个a中删除底部边框,该边框对我不起作用
的CSS
div#at4-share a:last-child
{
border-bottom: 0px solid #1f1f1f;
}
的HTML
<div id="at4-share" class="addthis_32x32_style atss atss-left addthis-animated slideInLeft at4-show">
<a class="at4-share-btn at-svc-facebook" href="#">
<span class=" at4-icon aticon-facebook" title="Facebook">Facebook</span>
</a>
<a class="at4-share-btn at-svc-twitter" href="#">
<span class=" at4-icon aticon-twitter" title="Twitter">Twitter</span>
</a>
<a class="at4-share-btn at-svc-pinterest_share" href="#">
<span class=" at4-icon aticon-pinterest_share" title="Pinterest">Pinterest</span>
</a>
<a class="at4-share-btn at-svc-google_plusone_share" href="#">
<span class=" at4-icon aticon-google_plusone_share" title="Google+">Google+</span>
</a>
<a class="at4-share-btn at-svc-compact" href="#">
<span class=" at4-icon aticon-compact" title="More">More</span>
</a>
<div id="at4-scc" class="at-share-close-control ats-transparent at4-show at4-hide-content" title="Hide">
<div class="at4-arrow at-left">Hide</div>
</div>
</div>
我试过了
div#at4-share a:last-of-type
{
border-bottom: 0px solid #1f1f1f;
}
所以我不确定什么是错的
正确的选择器是:last-of-type
。
div#at4-share > a:last-of-type
{
border-bottom:none; /* To remove the bottom border. */
}
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句