如何设置此元素的样式?

时间:2018-02-05 21:39:26

标签: html css

如何访问样式<li>元素,以便将其属性设置为 - list-style: none;

<div class="dataTables_paginate paging_bootstrap pagination">
   <ul>
       <li class="prev disabled"><a href="#">? Previous</a></li>
       <li class="active"><a href="#">1</a></li>
       <li><a href="#">2</a></li>
       <li class="next"><a href="#">Next ? </a></li>
   </ul>
</div>

2 个答案:

答案 0 :(得分:0)

.dataTables_paginate ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.dataTables_paginate li {
  display: inline-block;
}
<div class="dataTables_paginate paging_bootstrap pagination">
  <ul>
    <li class="prev disabled"><a href="#">? Previous</a></li>
    <li class="active"><a href="#">1</a></li>
    <li><a href="#">2</a></li>
    <li class="next"><a href="#">Next ? </a></li>
  </ul>
</div>

答案 1 :(得分:0)

您应该使用ul选择器删除列表样式。

ul {
  list-style-type: none;
}

要更改一组ul,请为您的ul提供一个班级或ID。