У меня есть HTML с уже существующими стилями в css. Мне нужно переопределить стиль списка (есть несколько забавно выглядящих маркеров), но я не могу понять, как это сделать.
<!-- 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 }
Любые предложения о том, как я могу решить эту проблему, приветствуются. Спасибо.