スタイル設定を動作していない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 ...テーブルの後に重要なものを宣言が持っているように変更!{! 幅:100%重要;} ..そのような、そして、それが動作するかどうか、私たちに知らせてください。 – mayersdesign
ブラウザのinspector/developerツールで、CSSをリンクするときに読み込まれるプロパティを表示します。あなたがそれらを見ることができない場合、それは間違ってリンクされていることを意味します。また、ブラウザでキャッシュをクリアする必要もあります。 – Zydnar
@mayersdesign次のコードはまだ動作しませんでした。または、私はちょうどそこに間違った何かをしましたか? テーブル{ 幅:100%!重要; } テーブル、th、td { border:1px solid black!important; border-collapse:崩壊!重要; } th { text-align:left!important; } th、td { パディング:15px!重要; } –