Удаление нижней границы с значка сайта Yelp

Question

Я пытаюсь удалить нижнюю границу с значка сайта Yelp, который появляется (наиболее четко) при использовании Firefox.

<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>

Любые предложения?

Answer 1

Это немного легче, когда вы понимаете, текущее значение выходной 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.