javascript - CSS classList.add使列表困惑。 CSS样式被忽略。 CSS不级联

Question

Closed. This question is off-topic。它当前不接受答案。
                            
                        
                    
                
                            
                                
                
                        
                            
                        
                    
                        
                            想改善这个问题吗？ Update the question，所以它是 on-topic，用于堆栈溢出。
                        
                        5个月前关闭。
                                                                                            
                
        
遗憾地问了这个问题，这在这里很典型。

最佳答案

级联并不关心类在元素上出现的顺序。

它只关心特异性（在这种情况下相等），!importance（在此不使用），CSS的来源（在这种情况下始终是作者）和样式表中的顺序…是固定的。

如果只希望应用一个规则集：删除其他类。

关于javascript - CSS classList.add使列表困惑。 CSS样式被忽略。 CSS不级联，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/57739069/

上一篇：html - 如何将图像 float 到许多段落的右侧？

下一篇：html - 创建带有切碎透明 Angular 的按钮

相关文章：

javascript - 使用 jQuery 离开页面

html - section 标记在无序列表内还是周围？

html - 我试着让三张图片并排 float ，宽度为 33%。为什么右边有多余的空间？

Javascript 骰子游戏 : How to remove HP depending on dice result?

css - 奇怪的谷歌浏览器图像错误

javascript - 如何将带有 ArrayBuffer 的 JSON 对象发送到 websocket？

javascript - 什么是正确的 W3C Click 事件规范？

javascript - 使用javascript从视频流中提取音频

php - MySQLi/PHP语法错误

html - 我可以从哪里访问我的 netlify.toml 文件？

Answer 1

级联并不关心类在元素上出现的顺序。

它只关心特异性（在这种情况下相等），!importance（在此不使用），CSS的来源（在这种情况下始终是作者）和样式表中的顺序…是固定的。

如果只希望应用一个规则集：删除其他类。