Html CSS<;ul>;要点是行不通的

Html CSS<;ul>;要点是行不通的,html,css,Html,Css,我有两个id,我在我的网站中使用它们作为标签。id.a有效,没有任何要点。id.b在我使用时不起作用 列表样式类型:方形;标签。基本上,我希望id.b有要点,而我不希望id.a有要点。它们都没有显示任何要点。我的问题是我的id.b有什么错,因为我希望它有要点,但它没有 我将在下面发布代码的部分 #导航栏{右边距:自动; 左边距:自动;} .a{列表样式类型:无; 保证金:0; 填充:0; 溢出:0; } .b{列表样式类型:方形; 文本对齐:居中; } 这是我的完整的和html标签

我有两个id,我在我的网站中使用它们作为
标签。id.a有效,没有任何要点。id.b在我使用时不起作用 列表样式类型:方形;标签。基本上,我希望id.b有要点,而我不希望id.a有要点。它们都没有显示任何要点。我的问题是我的id.b有什么错,因为我希望它有要点,但它没有

我将在下面发布代码的部分

#导航栏{右边距:自动;
左边距:自动;}
.a{列表样式类型:无;
保证金:0;
填充:0;
溢出:0;
}
.b{列表样式类型:方形;
文本对齐:居中;
}
这是我的完整的
    html标签

    
    
    这是我完整的CSS代码

    #导航栏{右边距:自动;
    左边距:自动;}
    .a{列表样式类型:无;
    保证金:0;
    填充:0;
    溢出:0;
    }
    .b{列表样式类型:方形;
    文本对齐:居中;
    }
    a:链接,a:访问{显示:块;
    字体大小:粗体;
    颜色:白色;
    背景色:黑色;
    填充:6px;
    文本对齐:居中;
    文字装饰:无;
    文本转换:大写;
    宽度:120px;
    }
    a:悬停,a:活动{背景色:红色;}
    li{显示:内联块;右边距:15px;}
    html{背景色:#262626;}
    正文{页边距:自动;
    左边距:199px;
    右边距:185px;
    文本对齐:居中;
    背景色:白色;}
    
    您的class=“b”列表项得到了正方形,但它被这行css吞没了:
    li{display:inline block;margin right:15px;}

    您可能需要更具体地使用css选择器才能使其正常工作,例如ul。根据您的标记,li{display:inline block;margin right:15px;}可能会实现您想要做的事情

    您还没有共享class=“b”项的标记,但您可以看到它在这个JS中工作,并对css进行更改:

    这个css应该工作:

    #导航栏{右边距:自动;
    左边距:自动;}
    .a{列表样式类型:无;
    保证金:0;
    填充:0;
    溢出:0;
    }
    .b{列表样式类型:项目符号;
    文本对齐:居中;
    }
    a:链接,a:访问{显示:块;
    字体大小:粗体;
    颜色:白色;
    背景色:黑色;
    填充:6px;
    文本对齐:居中;
    文字装饰:无;
    文本转换:大写;
    宽度:120px;
    }
    a:悬停,a:活动{背景色:红色;}
    li{右边距:15px;}
    html{背景色:#262626;}
    正文{页边距:自动;
    左边距:199px;
    右边距:185px;
    文本对齐:居中;
    背景色:白色;}
    
    JS-Bin
    

    我在您发布的代码中没有看到任何
    li
    (列表项)元素。项目符号只会出现在列表项的前面。它应该按照您编写的那样工作,请参阅此JS FIDLE:您是否可能有其他一些css覆盖它?这些也是您正在使用的类,而不是IDsIt,假设你的列表中确实有项目,你所展示的东西都不能解释你所描述的问题。