html - 无法覆盖列表样式类型
问题描述
我在 css 中有一些带有预先存在的样式的 HTML。我需要覆盖列表样式(有一些看起来很有趣的项目符号),但我似乎无法弄清楚如何。
<!-- pre-existing css style sheets-->
<link href = "css/bootstrap.css" rel="stylesheet" type="text/css">
<link type="text/css" rel="stylesheet" href="https://www.doj.state.wi.us/sites/default/files/css/css_xE-rWrJf-fncB6ztZfd2huxqgxu4WO-qwma6Xer30m4.css" media="all" />
<link type="text/css" rel="stylesheet" href="https://www.doj.state.wi.us/sites/default/files/css/css_Q7R7Blo9EYqLDI5rIlO_T3uTFBjIXjLpcqMHjTvVdmg.css" media="all" />
<link type="text/css" rel="stylesheet" href="https://www.doj.state.wi.us/sites/default/files/css/css_BRhQSG-b-QpoRSwrSBwmFx6dU3gjEZca4NFu_UQo2-Q.css" media="all" />
<link type="text/css" rel="stylesheet" href="https://www.doj.state.wi.us/sites/default/files/css/css_fEIYHf7a6__HmaZI0WMfFyuL6hwZU7kJ4ooi1KzkINI.css" media="all" />
<link type="text/css" rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/qtip2/3.0.3/jquery.qtip.min.css" media="all" />
<link type="text/css" rel="stylesheet" href="https://www.doj.state.wi.us/sites/default/files/css/css_FHu0mvAhlYyqLJqNhrBbiHhehxLefpaK6N2l45DULVU.css" media="all" />
<link type="text/css" rel="stylesheet" href="https://www.doj.state.wi.us/sites/default/files/css/css_bG9BErYV7KOPQxmg--DBVGPBq9-iGTGLJVm90z3JQX0.css" media="all" />
<!-- my css-->
<link href = "css/style.css" rel="stylesheet" type="text/css">
<nav class="navbar" style='float:left'>
<div class="container-fluid" width='300px'>
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#myNavbar">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
</div>
<div class="collapse navbar-collapse navbar-left " id="myNavbar">
<ul class="nav navbar-nav navText " id="myList" style='list-style-type: none'>
<li ><a href="production/index.html" id="navText">About</a></li>
<li><a href="research/index.html" id="navText">Staff</a></li>
<li><a href="education/index.html" id="navText">Data Dashboards</a></li>
<li><a href="people/index.html" id="navText">Current Projects</a></li>
</ul>
</div>
</div>
</nav>
我似乎无法覆盖列表中现有的样式项目符号点。我有以下,但没有工作:
#myList {
list-style-type: none !important
}
#navText {
list-style-type: none !important
}
#navText li {
list-style-type: none !important
}
ul {
list-style-type: none !important
}
我该如何解决这个问题?
解决方案
推荐阅读
- jquery - $ 未在 Javascript 中获取 api 中定义
- javascript - Javascript中的某种事件范围?
- python - 属性错误:“numpy.ndarray”对象没有属性“value_counts”
- python - Selenium 在切换窗口后找不到存在的元素
- tcl - 如何在 tcl 中搜索许多文本中的某些行
- hyperledger-fabric - 如何查看不匹配的提案响应?
- r - 在R中运行线性回归时如何删除一行数据?
- mysql-8.0 - 为什么mysql8.0中查询表的数据长度不变
- c++ - 无法使用矢量存储数字
- python - GCP - 使用 Pulumi Python 将生命周期规则分配给存储桶时出错