外部CSS不起作用，而内联样式确实有效

Question

如果我在外部css文件中写这个，它确实将'a'文本设为绿色。

    func readArray() -> NSArray {
    return NSUserDefaults.standardUserDefaults().arrayForKey("NewsDescriptions")!
}

但这有效

.ink-navigation ul.menu.black li ul.submenu li a {
   color: green;
}

有人知道为什么外部css不起作用吗？

Answer 1

CSS按顺序执行;因此，CSS底部的规则具有更高的优先级，并覆盖任何先前的规则。此外，内联CSS在样式表之后执行，因为它最后被看到，所以它具有优先权。

一个简单的解决方法是添加重要的颜色......例如：

• color: green!important;

另外，我强烈建议您通过删除实际上导致此类问题的不必要的膨胀来减少代码。如果.ink-navigation是唯一的，则无需使用当前格式。使用.ink-navigation ul li ul li a {}甚至.ink-navigation .submenu a {}。但是，如果您使用较大格式的现有规则，那么将覆盖较短格式，因此如果您想缩短代码，则解决所有事件非常重要。

Answer 2

你在哪里附上了你的css外部文件？

你的标题中应该有这样的东西

     <link rel="stylesheet" type="text/css" href="CSS/cssFile.css">

Answer 3

很可能您的外部CSS未在HTML中正确链接。

如何链接与HTML相同的文件夹中的CSS文件的示例：

<link href="./main.css" rel="stylesheet">

另外，只是提示 - 如果您只是将ID或类（即id="green-title"）作为标记的属性，那么理解和调试的代码通常更清晰。

#green-title {
color: green;
}