2017-05-14 19 views
0

スタイル設定を動作していないCSSは、私が作ったHTMLで動作しないテーブルの上に私は私のCSSファイルで私のテーブルのために作ってるんだ

CSS:

body { 
    background-color: #ccffff; 
} 
h1 { 
    font-family: verdana; 
} 
h2 { 
    font-family: verdana; 
} 
h3 { 
font-family: verdana; 
} 
h4 { 
    color: red; 
    font-family: verdana; 
    border: 3px solid black; 
    padding: 15px; 
    margin: 10px; 
} 
    table { 
    width: 100%; 
} 
table, th, td { 
    border: 1px solid black; 
    border-collapse: collapse; 
} 
p { 
    font-family: verdana 
} 
#p01 { 
    color: blue; 
    font-size: 200%; 
} 
p.error { 
    color: red; 
} 

HTML:

<!DOCTYPE html> 
<html lang="en-US"> 
<head> 
<title>My second HTML</title> 
<link rel="stylesheet" href="css/mijn_eerste_css.css"> 
</head> 

<table> 
    <tr> 
    <th>Firstname</th> 
    <th>Lastname</th> 
    <th>Age</th> 
    </tr> 
    <tr> 
    <td>Jan</td> 
    <td>Jansens</td> 
    <td>20</td> 
    </tr> 
    <tr> 
    <td>Kees</td> 
    <td>Pieters</td> 
    <td>21</td> 
    </tr> 
</table> 

私はそうのようなHTMLファイルでまったく同じスタイル設定を入れた場合:

<style> 
table { 
width: 100%; 
} 
table, th, td { 
border: 1px solid black; 
border-collapse: collapse; 
} 
</style> 

それはうまく動作します。 これはCSSに含まれていて、なぜ修正できないのですか? (CSSは正しくリンクされていますが、その他のスタイル設定はうまく動作します)

+1

各1 ...テーブルの後に重要なものを宣言が持っているように変更!{! 幅:100%重要;} ..そのような、そして、それが動作するかどうか、私たちに知らせてください。 – mayersdesign

+0

ブラウザのinspector/developerツールで、CSSをリンクするときに読み込まれるプロパティを表示します。あなたがそれらを見ることができない場合、それは間違ってリンクされていることを意味します。また、ブラウザでキャッシュをクリアする必要もあります。 – Zydnar

+0

@mayersdesign次のコードはまだ動作しませんでした。または、私はちょうどそこに間違った何かをしましたか? テーブル{ 幅:100%!重要; } テーブル、th、td { border:1px solid black!important; border-collapse:崩壊!重要; } th { text-align:left!important; } th、td { パディング:15px!重要; } –

答えて

-1

私は試してみましたが、それは私にとってはうまく動作します。ボーダーも正しく表示されます。

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

私には何の問題もありません。 enter image description here

+0

私はここに投稿したプロパティだけで新しいCSSを作ったし、それも私のために働いた、どのようにプロパティが最初のCSSを使用するときに読み込まれません。私は完全なCSSを1秒で編集します。 –

関連する問題