[英]Removing bottom border from Yelp site badge
我一直在嘗試從使用Firefox時(最明顯)出現的Yelp網站徽章移除底部邊框。
<style> div.yelp-biz-badge-script-plain-j3i0uapgqgIpKNS9KA2v4w a { border: none; } </style>
<div align=center> <div id="yelp-biz-badge-plain-j3i0uapgqgIpKNS9KA2v4w"><a href="http://www.yelp.com/biz/weyhrauch-law-group-llp-richland">Check out Weyhrauch Law Group, LLP on Yelp</a> </div> <script type="text/javascript"> (function(d, t) { var g = d.createElement(t); var s = d.getElementsByTagName(t)[0]; g.id = "yelp-biz-badge-script-plain-j3i0uapgqgIpKNS9KA2v4w"; g.src = "//dyn.yelpcdn.com/biz_badge_js/en_US/plain/j3i0uapgqgIpKNS9KA2v4w.js"; s.parentNode.insertBefore(g, s); }(document, 'script')); </script> </div>
有什么建議么?
當您了解實際的輸出HTML時,這會容易一些
<div id="yelp-biz-badge-plain-j3i0uapgqgIpKNS9KA2v4w">
<a href="http://www.yelp.com/biz/weyhrauch-law-group-llp-kennewick-2">
<img alt="Weyhrauch Law Group, LLP" src="https://dyn.yelpcdn.com/extimg/genericYelpBizButton.png" height="33" width="88">
</a>
</div>
錨鏈接具有此CSS
a {
color: #003f72;
border-bottom: 1px dotted #003f72; /* did you want this? */
text-decoration: none;
}
..這是圖像
所以這
#yelp-biz-badge-plain-j3i0uapgqgIpKNS9KA2v4w a {
border:none;
}
應該可以
很簡單,根據您編輯的問題,您使用的是類選擇器而不是ID。
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.