2017-12-02 67 views
-3

我有...列表樣式對我UL沒有影響

ul { 
    list-style: none; 
} 

..,而點仍然存在。

你可以從Chrome檢查看,這是最頂部的風格。

enter image description here

任何想法,爲什麼這不會因爲它通常不工作?

我使用反應創建列表...

class Shift extends React.Component { 

    render() { 
     return (
      <li> 
       ... 
      </li> 
     ); 
    } 
}; 

class CommentList extends React.Component { 

    render() { 

     var nodes = this.props.data.map(function (s) { 

      return (
       <Shift key={s.sid} /> 
      ); 
     }); 

     return (
      <ul> 
       {nodes} 
      </ul> 
     ); 
    } 
}; 
+0

添加您的html/css完整代碼 –

+0

請添加jsfiddle或其他東西來演示它。例如:https://jsfiddle.net/mrmills/0pb5jLx5/ –

回答

0

在不同的CSS文件,我已經......

ul li:before { 
    content: '\2022 \00a0 \00a0 \00a0'; 
} 

因此,這是不重寫列表樣式,但它仍然把它弄壞了。

0

您需要設置

list-style-type: none; 

https://developer.mozilla.org/de/docs/Web/CSS/list-style-type

「名單式」 是速記,你需要添加其他值,在你的情況下你可以做

list-style: none outside none; 
+0

我敢肯定你不需要將其設置爲'list-style:none;'在其他網站上工作。無論如何,'type'版本本身或者我目前都無法工作。 –

+0

除非你添加一個可以檢查的例子,我們只能猜測 – niorad

+0

是的,夠公平的。我選擇使用'divs'代替。 –

0

嘗試......

ul, li { 
    list-style: none !important; 
} 

這可以確保我們的目標UL和與!important使其成爲重要的,所以我們不與其他風格否決它李標籤。