2017-09-20 14 views
0

何らかの理由により、このCSSはHTMLに影響しません。私のウェブサイトでは、デバッグ時にCSSがロードされていると表示されますが、スタイルペインには表示されません。CSSのロードはDOMに影響しません

<head> 
 
    <link rel="stylesheet" href="https://raw.githubusercontent.com/jonsuh/hamburgers/master/dist/hamburgers.css"> 
 
</head> 
 

 
<body> 
 
    <button class="hamburger" type="button"> 
 
     <span class="hamburger-box"> 
 
      <span class="hamburger-inner"></span> 
 
     </span> 
 
    </button> 
 
</body>

+0

<head> <link rel="stylesheet" type="text/css" href="https://rawgithub.com/jonsuh/hamburgers/master/dist/hamburgers.css"> </head> <body> <button class="hamburger" type="button"> <span class="hamburger-box"> <span class="hamburger-inner"></span> </span> </button> </body>
私はあなたのシステムからの閲覧履歴をクリアするべきだと思い、絶対1 –

+0

するのではなく、相対URLを使用してみてください、うまくいけばそれが動作します –

+0

@MdAmanはまだ動作しません。 – Booligoosh

答えて

5

以下のようなURLを使用してください!

理由(Mr.Listerの礼儀):

最初のリンクは、スタイルシートとして認識 ないテキストファイル(プレーンタイプtext /)です!

前:

<link rel="stylesheet" href="https://raw.githubusercontent.com/jonsuh/hamburgers/master/dist/hamburgers.css"> 

後:

<link rel="stylesheet" href="https://rawgit.com/jonsuh/hamburgers/master/dist/hamburgers.css"> 

<head> 
 
    <link rel="stylesheet" href="https://rawgit.com/jonsuh/hamburgers/master/dist/hamburgers.css"> 
 
</head> 
 

 
<body> 
 
    <button class="hamburger" type="button"> 
 
     <span class="hamburger-box"> 
 
      <span class="hamburger-inner"></span> 
 
     </span> 
 
    </button> 
 
</body>

1

これで通常追加したgitスタイルのリンクはcdnリンクとして機能しません。そのため、rawgithub.comドメインを使用してcssファイルを取得してください。

関連する問題