[解決済み] なぜCSSは偽の要素で動作するのか？

質問

授業で遊んでいて、CSSが作り物の要素で動くことを知りました。

例

imsocool {
    color:blue;
}

<imsocool>HELLO</imsocool>

私がこの方法を初めて見たとき、教授は作り物の要素が機能することに少し驚き、作り物の要素をすべてIDのついた段落に変更するよう勧めました。

なぜ、教授は私に作り物の要素を使わせたくないのでしょうか？効果的に機能するからです。

また、なぜ彼は、作り物の要素が存在し、CSSで動作することを知らなかったのでしょう。一般的ではないのでしょうか？

解決方法は？

なぜCSSは偽の要素で動作するのですか？

(ほとんどの）ブラウザは、将来追加されるHTMLに（ある程度）前方互換性があるように設計されています。認識できない要素は DOM に解析されますが、セマンティクスや特別なデフォルト レンダリングは関連付けられていません。

新しい要素が仕様に追加されたとき、古いブラウザで同じ機能を提供するためにCSS、JavaScript、ARIAを使用できることがあります（そして、それらの言語がその機能を追加するために操作できるように、要素がDOMに表示されなければなりません）。

(の手段を定義する作業が進行中であることに留意する必要があります）。 カスタム要素でHTMLを拡張する しかし、この作業は現在開発の初期段階にあるため、成熟するまではおそらく避けるべきでしょう)。

なぜ教授は、作り物の要素を使うことを望まないのですか？

• HTMLの仕様で認められていない
• 将来の同名の標準要素と衝突する可能性があります。
• そのタスクにもっと適した既存の HTML 要素があるはずです。

また、なぜ彼は、作り物の要素が存在し、CSSで動作することを知らなかったのでしょう。一般的ではないのでしょうか？

そうです。上記のような問題があるため、みんな使わないのです。