CSSの設定方法について
CSSは外部ファイルにし、十数枚あるHTMLに「div id=contents内にあるTableは全て共通のレイアウト」
となるよう下記のCSSを設定しました。
--------CSS-----------------------------------------
#contents{margin-left: 70px;}
#contents table{width: 650px; border: solid 1px #B1B2B2; border-collapse: collapse; margin: 15px 0px;}
#contents tr, td ,th{padding: 4px; border: solid 1px #B1B2B2; border-collapse: collapse;}
--------HTML-----------------------------------------
<div id="contents">
<table>
<tr>
<th>項目</th>
</tr>
<tr>
<td>項目1</td>
</tr>
</table>
</div>
-------------------------------------------------------
しかし、どうしても違うレイアウトにしたいTableが出てきた為、下記CSSを追加、
HTMLは<div id="contents">の部分を<div id="login">に変更したのですが
追加CSSが反映されず、id=contentsの設定が残ったままになってしまいます。
色々いじってみたのですが、どこが間違っているのやら皆目見当がつきません。
--------追加CSS-----------------------------------------
#login{text-align: center; }
#login table{width: 450px; border: solid 2px #666666; border-collapse: collapse;}
#login tr, td ,th{border: solid 1px #666666; border-collapse: collapse;}
--------HTML-----------------------------------------
<div id="login">
<table>
<tr>
<th>項目</th>
</tr>
<tr>
<td>項目1</td>
</tr>
</table>
</div>
拙い文章で恐縮ですが、ご助言いただけると大変助かります。
説明不足や意味不明箇所は補足させていただきますので、どうぞよろしくお願い致します。
お礼
<a href="#detail">◯◯◯</a>といった使い方があるのですね。理解できました。 ありがとうございました。