为什么我删除类上的边框的CSS会被忽略?

为什么我删除类上的边框的CSS会被忽略?,css,html-lists,border,css-specificity,Css,Html Lists,Border,Css Specificity,在我的代码中,所有li元素都有边框。当li元素使用自己创建的名为active的类处于活动状态时,我试图消除边界。问题是我的类没有删除右边的边框 这也是代码的一部分: 导航条{ 宽度:250px; 高度:550px; 浮动:左; } divnavbar>ul{ 文本对齐:居中; 背景色:EEE; } divnavbar>ul>li.li,divnavbar>ul>li.liLast{ 列表样式类型:无; 边框底部:1px纯黑; 右边框:1px纯黑; 字体大小:25px; 字体系列:阿尔及利亚,新

在我的代码中,所有li元素都有边框。当li元素使用自己创建的名为active的类处于活动状态时,我试图消除边界。问题是我的类没有删除右边的边框

这也是代码的一部分:

导航条{ 宽度:250px; 高度:550px; 浮动:左; } divnavbar>ul{ 文本对齐:居中; 背景色:EEE; } divnavbar>ul>li.li,divnavbar>ul>li.liLast{ 列表样式类型:无; 边框底部:1px纯黑; 右边框:1px纯黑; 字体大小:25px; 字体系列:阿尔及利亚,新罗马时代; } divnavbar>ul>li>a{ 颜色:黑色; 文字装饰:无; 显示:块; 宽度:100%; 填充:38px0; -webkit过渡:左边距为0.5s; } divnavbar>ul>li>a:悬停{ 颜色:白色; 文本阴影:-1px 0黑色,0 1px黑色,1px 0黑色,0-1px黑色,0 0 5px黑色; 左边距:5px; } 李:很活跃{ 盒影:插入3px 3px 10px 333; 边界权:无; }
Hi解决方案很简单,您只需告知此更改很重要:p

li.active {
box-shadow: inset 3px 3px 10px #333;
border-right-style: none !important;}

希望这有帮助:

您的问题的根源是。理解这一点很重要,因为只需使用!在你的代码中重要的是一个黑客行为,如果你忘记把它放在那里,它可能会导致你以后出现问题

!!重要优先于一切,因此显然不应该使用,除非是在可怕的、最后的情况下,即使如此,许多人(包括我自己)会争辩说,无论如何,你应该找出如何解决问题,而不是使用!重要的

在前面的代码中,对于相同的元素和类似的元素,您有一个CSS选择器:

div#navbar > ul > li.li {
现在,您正试图通过以下方式访问同一元素:

li.active {
但第一个选择是更多。相反,您应该使用以下CSS选择器,而不使用!重要黑客:


我在你的CSS中没有看到任何.active类。这肯定是一个问题,如果你正试图实现这一目标的话。在你的类中,似乎没有一个右边框应用于li元素。。。所以没有什么可以移除的,我的错。忘了在上面的示例中包含.active。天哪,它真的那么简单!非常感谢您的快速响应。有一种方法可以做到这一点,而无需使用CSS黑客。愿意与大家分享吗,@TylerH?而且,是的!重要的不是一个好的解决方案?@Turlestew请看我的答案!重要的不是一个好的解决方案
div#navbar > ul > li.active {