1

私の質問は、以前に尋ねられた別の質問に関連しています-CSSセマンティクス。直接または注文による要素の選択

CSS3セレクターを利用すると、CSSがHTMLドキュメントに緊密に結合されます。セレクターのセマンティクスにより、CSSはHTMLドキュメント内で定義された構造に依存するようになります。私には、これは非常に近視眼的なようです。

私が正しく理解していれば、これはHTMLドキュメントが変更された場合に、スタイルが適用されなくなることを意味します。また、そのスタイルシートを別の場所で再利用したい場合は、できません。

経験のある人は、これらの新しいセマンティクスをどのように処理するかを説明し、実際の例を提供できますか？

4

4 に答える 4

4

CSSセレクターは、正しく実行されると、プレゼンテーションをhtmlページのセマンティクスにバインドします。

セマンティクスが変更されると、CSSセレクターはページに関して無効になり、バインドされなくなります。

これは良いことです。

于 2013-02-27T09:52:14.560 に答える
1

（たとえば）LESSを使用して、再利用可能なCSSを指定できます。LESSを使用すると、クラスを定義できます

.bordered {
  border-top: dotted 1px black;
  border-bottom: solid 2px black;
}

他のCSSで使用します

#yourId a {
   color: #111;
   .bordered;
}

そしてもっとたくさんすることができます:)。

それは聖杯ではありませんが、開発を容易にします。ほぼすべての将来のWebサイトで使用できるクラスと変数を定義できます。

すべてのウェブサイトには独自の色とスタイル（境界線スタイル、フォントなど）があるため、一般的なアプローチはないと思います。したがって、CSSコードのほとんどを常に変更する必要があります。

于 2013-02-27T10:03:05.847 に答える
1

おそらく、私は自分の質問を適切に伝えていませんでした。英語は私の母国語ではなく、「事故」は起こります。

私の考えでは、HTML5 / CSS3を使用するときは、idまたはclass属性の使用を避ける必要があります。おそらくあなたのビジネスを進めるためのより良い方法があります。次に、CSSセレクターを使用すると、コードが脆弱になり、保守が困難になる可能性があることを指摘したいと思います。おそらく私かあなたは、からに変更したときにスタイルを変更するつもりはありませんでし<p>た<span>。

いずれにせよ、私は本当に試してみたい（そして共有したい）いくつかの興味深いアプローチを見つけました。

ARIAを使用すると、要素に役割または目的を割り当てることができます。言い換えれば、あなたはそれに文脈を与えます。たとえば、ページの上部にあるヘッダーには、の上部など、他の場所で定義されているものとは異なるコンテキスト\ロール<article>があります。コンテキストを与えることは、CSSセレクターegpdog（のコンテキストではdog）を使用して私たちがやろうとしていることとまったく同じです<p>。

これがそれをチェックすることに興味がある人のためのリンクです-ARIAランドマークの役割

于 2013-02-27T13:17:06.803 に答える
0

この質問には正確な答えは1つありません。多くの「専門家」がさまざまなアプローチを適用しているため、一般化するのは非常に困難です。また、セレクターの使用は実際にはケースに依存する場合があります。

私は常にテンプレート（htmlやcssなど）を保持していて、それを何度も再利用しています...そしてもちろん、何かを再利用するときは何かを修正する必要がありますが、あなたの質問から1つか2つ「ねじ込まれた」ことはないと思います= ）しかし、私はセレクターを比較的シンプルで柔軟に保つようにもしています（前の質問への提供されたリンクへのコメントとして-それは非常に極端です）。

于 2013-02-27T10:01:56.707 に答える