問題タブ [pseudo-class]

私は次のHTMLを持っています:

margin-top ごとに、div と span の間に 10px のギャップが必要です。ただし、上記の div はフローティングであるため、そのようにはレンダリングされません。何かを明確にするための修正は、DIV です。純粋な CSS を介してこれを行うには、'::after' メソッドを使用してコンテンツを挿入し、その後クリアに設定する必要があるようです。

しかし、これは私がやるべきだと思っていることを完全には行っていません。ピリオドが挿入されたときに実際に表示できるように、高さ/可視性のスタイルを含めない場合、div の後ではなく、実際には div の内側にレンダリングされていることがわかります (黒い境界線がそれを囲みます)。 div と span)。これがどのように機能するかを誤解していますか？

編集：

より簡単な例を次に示します。

CSS:

HTML:

これにより、div の後ではなく、'Hello' の後にピリオドが配置されます。

要素自体ではなく、要素の CONTENTS に実際に追加されているよう::afterです。::beforeあれは正しいですか？

:focusと:active疑似クラスの違いは何ですか?

複数のクラスを持つ要素があり、これらのクラスの 1 つにホバー疑似クラスがあるとします。これが色を変えるとしましょう。

だから私がやりたいのは、要素の上にカーソルを置いたときに要素がどの色に変わるかを調べることです。次に、これを Javascript/jQuery でオーバーライドします。

つまり、と呼ばれるセレクターを定義して、:shinyこれを行うことはできますか?

これは MooTools と jQuery で利用できます。

現在のページを動的に変更するカスタマイズ サイト ページを作成して、変更内容のプレビューを表示できるようにしています。:hover私が使用しているコードが明らかにやなどの疑似クラスを処理できないことを除いて、すべてがうまく機能しています:visited。

コードは非常に単純です。基本的には次のことを行っています。

ただし、これは実際には<a>タグのホバー カラーをに設定しません#ff0000。でも外せば問題なく使え:hoverます。これを機能させる方法について誰か提案がありますか?

どうもありがとう！

編集1:どうやら、私はそれについて完全に間違っているかもしれません。いくつかの詳細情報は、これを変更するために使用できる可能性があることを示していますがdocument.styleSheets.inlinestyle.rules、これは明らかに IE でのみ機能します。これ以上のアイデアは大歓迎です。

a {...}とはどう違いa:link{...}ますか？

異なる使用法とそれらの間の利点はありますか?

次のコードを記述して、最初と最後の列にそれぞれ左マージンと右マージンがない3列のレイアウトを作成しました（定義上、3つの列は動的に生成されるのとまったく同じクラスになります-最後を参照してください段落）：

HMTL：

問題は、このコードがInternet Explorer7および8で機能しないことです。IE（この場合）で使用できる唯一の疑似クラスは「最初の子」ですが、これによって3番目と最後の列の右マージンが削除されるわけではありません。このコードをIE7/8で動作させる方法を知っている人はいますか？

重要な注意点：3つの列はクエリループを介して動的に生成されるため、各列のクラス属性は同じになります。

このビデオに基づいて、セレクターのリンクの代わりに入力ボタンを使用するなど、いくつかの変更を加えて、JavaScript を使用してアコーディオン効果を作成しようとしました。ただし、何らかの理由で機能していません。Firefox のエラー コンソールunknown pseudo-class or pseudo-element "visible"は、使用しようとするたびに出力されます。どうしたの？

ここにHTMLがあります

したがって、CSSアンカー疑似クラスには次の順序を使用する必要があります

しかし、私の質問は、なぜa：linkの部分を気にするのかということです。むしろ、上記に（おそらく明確さ以外に）利点はありますか？