リストのスタイルは私のULには何の影響

Question

私が持っている...

ul { 
    list-style: none; 
} 

を...持っていない、との点はまだあります。

あなたはクロームインスペクタから見ることができるように、それは...一番上のスタイルだ

これは、それが通常どおりに動作しないだろう、なぜ任意のアイデア？

私が反応し使用してリストを作成しています...

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> 
     ); 
    } 
}; 

Answer 1

異なるCSSファイルでは、私は...

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

は、これは、リストスタイルをオーバーライドしていなかったしていたが、それにもかかわらず、それを破りました。

Answer 2

あなたが設定する必要が

list-style-type: none; 

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

"リストスタイル" あなたが必要速記は、あります他の値を追加することもできます。

list-style: none outside none; 

Answer 3

は

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

これは、我々は!importantはそれが重要なので、我々は他のスタイルとそれを却下していない作りとULとのliタグの両方を標的とすることを確認します...これを試してみてください。