Невозможно переопределить тип списка - PullRequest
Новая
       22

Невозможно переопределить тип списка

0 голосов
/ 14 апреля 2020

У меня есть 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
}

Любые предложения о том, как я могу решить эту проблему, приветствуются. Спасибо.

...