Css 引导模板-项目列表类型:square不工作
我已经检查了引导css文件两次,调试器没有显示任何覆盖我正在使用的代码的内容 这是我的清单:Css 引导模板-项目列表类型:square不工作,css,Css,我已经检查了引导css文件两次,调试器没有显示任何覆盖我正在使用的代码的内容 这是我的清单: <ul class="list-inline"> <li><a href="#april15" class="months">April '15</a></li> <li><a href="#may15" c
<ul class="list-inline">
<li><a href="#april15" class="months">April '15</a></li>
<li><a href="#may15" class="months">May '15</a></li>
<li><a href="#june15" class="months">June '15</a></li>
<li><a href="#july15" class="months">July '15</a></li>
<li><a href="#august15" class="months">August '15</a></li>
<li><a href="#september15" class="months">Sep '15</a></li>
<li><a href="#october15" class="months">Oct '15</a></li>
<li><a href="#november15" class="months">Nov '15</a></li>
<li><a href="#december15" class="months">Dec '15</a></li>
<li><a href="#2016" class="months">Q1 '16</a></li>
<li><a href="#2016" class="months">Q2 '16</a></li>
<li><a href="#2016" class="months">2016</a></li>
</ul>
这是css
.list-inline {
background-color: #fff;
width: 100%;
padding:0;
list-style-type: square;
}
{
padding-left:20px;
font-size:16px;
text-align: center;
color: #222;
}
我已经使用了我能找到的每一个技巧,比如!重要的是,使用边距/填充物,但没有改变我的方块没有出现的事实。使用
.list-inline li {
list-style-type: square;
}
你需要瞄准li而不是ul
正如c-smile所建议的,它是可继承的,因此您可以从ul中删除填充,这也可以工作。为了在列表DOM元素上绘制项目符号,该元素应声明display:list item。您的s似乎有其他显示值。我怀疑是内联或内联块 您可能需要使用::before伪元素或带有正方形的背景图像 更新: li{显示:内联块;} li::在{content:\25aa}之前 第一 第二
列表样式类型是一个可继承的属性,所以您可以在容器上定义它。我确实注意到,在编写代码时应该提到这一点,每当我更改为display:block时,问题就会出现。如果我使用display:list项,列表会垂直排序,这会破坏所有内容,但会显示正方形。现在可以完美地工作了,谢谢!我不熟悉::before这个东西,不过我现在要读一下,因为你用它救了我一天。c-smile,有没有办法只在列表中指定它?我的导航栏现在已经坏了,我不知道如何防止这种情况发生。请为该列表元素分配id。说之后,您可以使用基于id的规则:foo>li{display:inline block;}foo>li::before{content:\25aa}