列表样式对我UL没有影响

  • Z时代
  • 2024-01-10
  • 分类：问答

我有...列表样式对我UL没有影响

ul { 
    list-style: none; 
}

..，而点仍然存在。

你可以从Chrome检查看，这是最顶部的风格。

任何想法，为什么这不会因为它通常不工作？

我使用反应创建列表...

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

回答：

在不同的CSS文件，我已经......

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

因此，这是不重写列表样式，但它仍然把它弄坏了。

回答：

您需要设置

list-style-type: none;

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

“名单式” 是速记，你需要添加其他值，在你的情况下你可以做

list-style: none outside none;

回答：

尝试......

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

这可以确保我们的目标UL和与!important使其成为重要的，所以我们不与其他风格否决它李标签。

以上是 列表样式对我UL没有影响 的全部内容， 来源链接： utcz.com/qa/258268.html

回到顶部