0

CSS宣言はどのように使用すればよいですか？

こちらです：

div#main_content {
    width: 900px;
    border: 1px solid #CCC;
    margin: 20px 0 20px 0;
    padding: 40px;
    overflow: hidden;
}

またはこのように：

#main_content {
    width: 900px;
    border: 1px solid #CCC;
    margin: 20px 0 20px 0;
    padding: 40px;
    overflow: hidden;
}

sublime text 2では、sublime linterパッケージは、div-only #main_contentなしで使用することを提案しましたが、一部のチュートリアルでは、解析が簡単なため、div＃main_contentを使用する方がよいことがわかりました。

何を使うべきだと思いますか？（この場合、クラスの結果は同じになると思います）

4

3 に答える 3

3

IDだけを使用することをお勧めします。特定のIDを持つページには要素が1つしかないため、要素タイプは冗長です。

要素タイプを見逃すもう1つの理由は、HTMLを変更する（おそらく、またはなどの<div>よりセマンティックなものに変更する）<p>場合<section>でも、CSSセレクターが一致することです。

于 2012-08-03T14:51:05.243 に答える
2

IDに要素タイプを含めることが本当に有益である（私が考えることができる）唯一のシナリオは、同じIDを異なるページの異なる要素タイプに適用し、それらを異なるスタイルにしたい場合です。

たとえば、ホームページで作成<header id="main">し、他のページで作成する場合は<section id="main">、必ずとを使用header#mainしsection#mainて2つの要素のスタイルを設定します。

IDがすべてのページで同じ要素タイプに適用される場合、CSSの要素セレクターは、スタイル設定している要素のタイプを知りたい場合にのみ、CSSの読みやすさを向上させるのに役立ちます。

于 2012-08-03T14:54:39.187 に答える
1

それほど大きな違いはありません。IDが最速なので、IDを使用すれば問題ありません。div＃idを使用すると、div内にある場合にのみIDに影響を与えると表示されます（この機能は、ある時点で必要になる場合がありますが、おそらくIDではなくクラス）

于 2012-08-03T14:49:34.823 に答える