Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/35.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Css 引导模板-项目列表类型:square不工作_Css - Fatal编程技术网

Css 引导模板-项目列表类型:square不工作

Css 引导模板-项目列表类型:square不工作,css,Css,我已经检查了引导css文件两次,调试器没有显示任何覆盖我正在使用的代码的内容 这是我的清单: <ul class="list-inline"> <li><a href="#april15" class="months">April '15</a></li> <li><a href="#may15" c

我已经检查了引导css文件两次,调试器没有显示任何覆盖我正在使用的代码的内容

这是我的清单:

              <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}