2016-04-27 9 views
0

私は、ちょうど消えた前に行われたCSSのほとんどの私のhtmlファイルへの素晴らしいブートストラップやフォントを追加しましたので、(背景色を、フォントをグーグル)ブートストラップ&フォントを追加する素晴らしい遺跡css-why?

<head> 
    <meta charset="utf-8"> 
    <title>Games</title> 
    <link rel="stylesheet" href="main.css"> 
    <link rel="stylesheet"href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.min.css"> 
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css"> 

    <link href='https://fonts.googleapis.com/css?family=Orbitron:400,500' rel='stylesheet' type='text/css'>  
    <link href='https://fonts.googleapis.com/css?family=Homemade+Apple' rel='stylesheet' type='text/css'> 
</head> 

誰かが理由を知っていますか?ありがとう!!

+0

注文を変更しようとしていますか? – aldanux

答えて

0
あなたのブートストラップおよびフォント素晴らしい宣言後 にごmain.cssファイル宣言を移動し

。 CSSはのカスケードであるため、後のスタイルはカスタムスタイルを上書きします。

<head> 
    <meta charset="utf-8"> 
    <title>Games</title> 
    <link rel="stylesheet"href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.min.css"> 
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css"> 

    <link href='https://fonts.googleapis.com/css?family=Orbitron:400,500' rel='stylesheet' type='text/css'>  
    <link href='https://fonts.googleapis.com/css?family=Homemade+Apple' rel='stylesheet' type='text/css'> 

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

ブートストラップのCSSがより高い特異性を持っている場合、順序を変更しても少し役に立ちません。 – GolezTrol

+0

@GolezTrol一般的に、Bootstrapはこの理由で '!important'を使用しません。 – Steve

+1

私はそれについて話していません。私は[Specificity](https://css-tricks.com/specifics-on-css-specificity/)と言っています。これは '!important'を追加するだけではありません。 (とにかく '!important'を使わないでください) – GolezTrol

関連する問題