Question

我有Tumblr Esquire主题。我添加了一些css和html来添加社交媒体按钮，使用我在这里获得的一些代码。除了子弹正在显示之外，将按钮排成一排非常有效。 list-style-type：none; （或list-style）属性不会在头部或身体中消除它。

任何想法都将不胜感激。在头脑中我有这个：

<style>
    .social-media-container{width:600px; margin:auto; height:10px;}
    .social-media-share-list ul div{width:250px;}
    .social-media-share-list li{display:ablock; float: left; width:25%; text-align:     
    center; margin: 0 auto;}
</style>

身体是这样的：

    <div class="social-media-container">
    <ul class="social-media-share-list">
      <li>
        <div class="fb-like" data-send="false" data-layout="button_count" data width-                                                                                                       =              ="450" data-show-faces="false></div>        
        <div id="fb-root"></div>
         <script>(function(d, s, id) {
            var js, fjs = d.getElementsByTagName(s)[0];
           if (d.getElementById(id)) return;
           js = d.createElement(s); js.id = id;
           js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";
           fjs.parentNode.insertBefore(js, fjs);
           }(document, 'script', 'facebook-jssdk'));</script>
    </li>
    <li>
        <a href="https://twitter.com/share" class="twitter-share-button">Tweet</a>                                                                       <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)) {js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.in sertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
    </li>
    <li> 
        <div class="g-plusone" data-size="medium"></div>
    </li>
    <li>
        <a href="http://tmv.proto.jp/reblog.php?post_url={Permalink};">
        <img src="http://assets.tumblr.com/images/iframe_reblog_alpha.png?4"/></a>
    </li>
  </ul>
</div>

fb中的一些项目，例如代码和twitter按钮在这张图片中被截断了，但除此之外它就在那里，我没有更改这些按钮的网站标准代码。

在head部分我在ul div部分尝试了list-style-type，在li部分，即使它应该是ul。我知道给出最高优先级的css样式是内联的所以我在体内尝试了它，但可能没有正确的语法。这应该覆盖其他任何东西，但到目前为止还没有运气。

这就是它的样子： http://the-nomads-prayer-book.tumblr.com

Answer 1

您可能需要编写更具体的选择器。像ul#navigation li{list-style:none}之类的东西承担你的标记是这样的

<ul id="navigation">
   <li>blah</li>
</ul>

list-style-type：none;不在Tumblr主题中工作（在Safari中）

1 个答案: