25

:after などの疑似要素に CSS クラスを追加する方法があるかどうか疑問に思っていました。

:after を使用して、エラー メッセージを追加したいと考えています。また、他のエラー メッセージと同じスタイルのエラー メッセージも必要です。

これは機能します：

.error:after {
  content: "Error Message";
  color: red;
}

しかし、色のスタイリング以上のものを追加するために、次のようなことを行うことはできますか?:

.error:after {
  content: "Error Message";
  class: error_message_styles;
}

また、「::after」と「:after」の使用に違いはありますか?

前もって感謝します！

4

2 に答える 2

23

あらゆる種類の HTML 属性を疑似要素に与える方法はありません。

セレクターを 2 回使用するだけです。

.error:after {
  content: "Error Message";
}
.error:after, .error-style {
  color:red;
}

また、「::after」と「:after」の使用に違いはありますか?

これによれば：

https://developer.mozilla.org/en/CSS/:after

この::after表記法は、疑似クラスと疑似要素を区別するために CSS 3 で導入されました。ブラウザーは:after、CSS 2 で導入された表記法も受け入れます。

注: Microsoft Internet Explorer 8 は、:after 表記のみをサポートします。

エラー メッセージは装飾ではなく内容である可能性があると私は主張しますが、それはあなた次第です。

于 2012-05-15T21:37:37.923 に答える
6

この:after要素は物理的な DOM 要素ではないため、クラスを取得できません。

LESSのようなスタイルシート ライブラリを使用する場合、クラスをプロパティとして含めることで、他のクラスのスタイルを混在させることができます。

.error {
    .error-styles;
}
于 2012-05-15T21:44:19.370 に答える