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

我有Tumblr Esquire主題。我添加了一些CSS和HTML來添加社交媒體按鈕，使用我在這裏得到的一些代碼。除了顯示子彈之外，它可以很好地將按鈕排成一排。 list-style-type：none; （或列表樣式）屬性不會在頭部或身體中擺脫它。list-style-type：none;不工作在Tumblr主題（在Safari中）

任何想法將不勝感激。在頭我有這樣的：

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

像代碼和Twitter的按鈕FB的幾個項目得到了這幅畫切斷，但除此之外，它的所有那裏，我沒有改變他們的網站的標準代碼這些按鈕。

在head部分，我試圖在ul部分中的列表樣式類型，即使它應該在ul中。我知道給予最高優先級的css樣式是內聯的，因此我在體內嘗試了它，但可能沒有正確的語法。這應該覆蓋其他任何東西，但迄今沒有運氣。

這是什麼樣子： http://the-nomads-prayer-book.tumblr.com

來源

2013-03-30 user2227514

你就可以顯示爲鏈接到網站，這樣我們就可以發現這個問題？ –

請嘗試再次複製代碼，因爲沒有它我們不能幫你。 –

你知道你必須使用'ul {list-style-type：none;}'這樣的屬性，對吧？ –

您可能需要編寫一個更具體的選擇。像ul#navigation li{list-style:none} Assumming您的標記的東西是一樣的東西

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

來源

2013-03-30 17:43:06

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

回答

相關問題