Html CSS<;ul>;要点是行不通的
我有两个id,我在我的网站中使用它们作为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.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,假设你的列表中确实有项目,你所展示的东西都不能解释你所描述的问题。