javascript - この CSS の @ は何を意味しますか?

Question

この CSS の @ は何を意味しますか? . と # はどう違いますか？

Answer 1

css3のキーフレームの前に@が付いているだけではなく、他のものに変更することはできますか？これについては詳しく説明しませんでした。

リーリー

Answer 2

これは既定の書き方であり、理由はありません

Answer 3

@ で始まり、その後に利用可能なキーワードが続きます。このキーワードは、CSS が何をすべきかを示す識別子として機能します。

構文は固定されているので、心配する必要はなく、そのまま使用してください

Answer 4

CSS3でアニメーションのキーフレームを定義する方法です
@keyframesは、アニメーションの特定の時点で表示する必要があるキーフレームのスタイル（または滞在ポイント）を指定することで、CSSアニメーションの中間リンクを制御します。
これにより、開発者はブラウザにすべてを自動的に処理させるのではなく、アニメーションの詳細を制御できるようになります。
詳細については、https://developer.mozilla.org...をご覧ください。

上記のコードの意味は、

0%、50%、100% のキーフレームがページ要素の垂直方向の動きを定義することです。

、 . と #

の違い リーリー

<span class="stress bigsize" id="big">Hello, world</span>

投稿者がセレクターについて質問したので、@import スタイルについて質問しますか?

@import は、<style></style> で外部スタイル シートをインポートするために使用されます。たとえば、複数の外部スタイルを css にインポートします。

リーリー

Answer 5

@keyframes は @import url('index.css'); と同じように記述され、構文キーワードの単なる識別子です。

Answer 6

なぜid要写#，class要写.，通配要写*。これの何がそんなに混乱するのでしょうか？

Answer 7

このように書かれていますので、ご了承ください。質問させていただきます。ありがとうございます。

Answer 8

# で始まるものはセレクターであり、@ で始まるものはセレクターではなく CSS の関数クラス識別子です。 CSS の機能キーワードのリファレンスは次のとおりです。ここで特に注意が必要なのは、これらのキーワードはすべて「@ で始まる」ということですが、「@ で始まる」というルールがあるわけではなく、表示される単語と同じであるということです。後で、特別で明確な機能を持つ予約キーワード (「@media」、「@keyframes」など) として一緒に表示されるため、個別に表示しないでください。

Answer 9

@ は CSS3 特有のアニメーション検出への参照であり、通常目にする要素の選択とは同じ概念ではありません