0

多くの人があなたのスタイリングでIDを使用することに反対していることを知っています。なぜなら、IDはあまりにも多くの特異性を追加するからです。

ただし、任意のページまたは任意のコンテナに配置できるコンポーネントを使用している場合、注意深く使用すると、これは良いことではありませんか?私は何かを見落としていますか?

私が行った最後のプロジェクトでは、SMACSSアプローチを使用してすべてをモジュール化しました。これは、意図的に特別なものを追加しなければならない場合を除いて、うまく機能しました。

SCSSの使用例:

#myWidget {
  .foo { 
    width: 150px;
  }
  ...
}

場合によっては、これをかなりオーバーライドできます

.myWidget {
  .foo {
    width: 150px;
  }
}
4

1 に答える 1

1

一般的なルールとして、IDはページに1回だけ表示され(#main-navigationたとえば<div>、サイトのナビゲーションを含む場合)、クラスはページに複数回表示されます(.red-textたとえば、テキストに赤い色を付けるため)。私は個人的にIDを使用してさまざまなコンテナレベルのセクションを分離する傾向がありますが、クラスはより一般的に適用できます。

ただし、例には有効なCSSが含まれていません...次のように記述する必要があります。

#myWidget .foo { 
    width: 150px;
}

また

.myWidget .foo { 
    width: 150px;
}
于 2012-10-02T02:19:32.363 に答える