脚本标签干扰CSS

我是网页设计的新手，最近进入Bootstrap。我最近也开始使用Codepen。在Codepen上完成一个项目后，我去复制并粘贴我的代码到Sublime中，不管是什么原因，它改变了我页面上的一些内容，例如我的页脚和一些文本的CSS。脚本标签干扰CSS

无论出于何种原因，我的页脚是巨大的，我的一些文字是黄金。我没有在我的CSS中指定黄金文本。当我将HTML文件中的CSS链接移动到Bootstrap的脚本标记下方时，我的页面发生更改。但无论我放置CSS链接或脚本的位置如何，我仍然无法使我的页面显示正确的方式。

为什么我的CSS链接和我的Bootstrap脚本的位置很重要？他们都在脑海中。

我最近安装了Emmet，最近还开始玩Github，并在这个问题之前将文件推送到Github。不确定这是否相关。！应用CSS时

<meta charset="utf-8"> 

    <link rel="stylesheet" type="text/css" href="styles.css"> 
    <meta name="viewport" content="width=device-width, initial-scale=1"> 
    <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css"> 
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script> 
    <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js"></script> 
    <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css"> 
    <link rel="stylesheet" type="text/css" href="realsite/styles.css"> 

    <link href='http://fonts.googleapis.com/css?family=Marcellus+SC' rel='stylesheet' type='text/css'>

来源

2015-07-21 Nick Kinlen

始终尝试将脚本标记放在html页面的底部，让所有页面加载更快并避免任何错误 – ZAZ

CSS规范规定了以下规则：

重要
规则起源
特异性
订购

这听起来像第4是你得到你的问题的地方。这意味着如果你有以下内容：

.cssrule { 
    color: white; 
} 
.cssrule { 
    color: gold 
}

然后，颜色将是黄金，因为它是指定的最后一个规则。通常，特异性规则来解决这个问题在我的经验，因此，例如：

#ida .cssrule { 
    color: white; 
} 
.cssrule { 
    color: gold 
}

在那种情况下

，一个div像这样：

<div class="cssrule" id="ida">

将适用于白色。

来源

2015-07-21 02:46:30 Brian

脚本标签干扰CSS

回答

相关问题