問題タブ [pseudo-class]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票する
13 に答える
113557 参照

javascript - JavaScript からの CSS 擬似クラス ルールの設定

JavaScript から擬似クラス セレクター (:link、:hover など) の CSS ルールを変更する方法を探しています。

したがって、CSS コードの類似物: a:hover { color: red }JS で。

他のどこにも答えはありませんでした。これがブラウザでサポートされていないことを誰かが知っていれば、それも有益な結果になります。

0 投票する
5 に答える
38556 参照

list - 違法
または代替

内部

  • ホバー上のタグ?
  • <li>ホバーされたポップアップ疑似クラスを含むタグ内に段落タイプの行間を作成するための提案はありますか?

    <span>ポップアップするテキストがありa:hover、ポップアップするテキストを 2 つの段落に分割します。FFで動作し<br>ますが、正しいことをしたいです(間違っていることがわかりました!)...

    html:

    CSS:

    0 投票する
    5 に答える
    31169 参照

    jquery - jQuery を使用した CSS 疑似クラス

    私は少し jQuery を学んだばかりで、単純な色の変化効果のためにそれを使用しようとしています。<div#foo と #bar という2 つの > があるとします。#foo には多くの URL があり、次の CSS が定義されています。

    ここで、ユーザーが #bar をクリックしたときに #foo のリンク (a:link) の色を変更したいのですが、a:hover の色はそのままにしておきたいので、関数を次のように記述します。

    問題は、この関数はすべてのリンクを赤に変更しますが、a:hover の色が失われることです。つまり、ユーザーがカーソルをリンクに移動すると、期待どおりに黒にならず、赤のままになります。

    <ajQuery が#foo 内の >s にインライン スタイルを配置し、それらを<a style="color:red;" href="..."> にすることがわかっているので、これは :hover 疑似クラスを上書きすると思います。疑似クラスのインラインスタイル属性は誰にも実装されていないため、意図した効果が得られるかどうかは疑問です...

    それでも、次のようなものを書く必要のない解決策はありますか

    ?

    ありがとう。

    0 投票する
    1 に答える
    209 参照

    html - Gecko フレーム内で ":active" が正しく動作しないのはなぜですか?

    Gecko には ":active" に関するバグがあるようです。説明のために、これを test.html というファイルに入れます。

    FF3などで開いてみてください。スパンはボタンのように機能するはずです: マウスダウンすると、背景の色が変わります。マウスアップすると元に戻ります。

    これは、スパン内でマウスダウンし、マウスをブラウザーウィンドウの外に移動して、そこで離しても機能することに注意してください。マウスがダウンしている部分では、背景が灰色になります。離すと、スパンは通常に戻ります。

    ここまでは順調ですね。しかし、それをフレームにラップしてみてください:

    それをロードます。スパン内でマウスダウンし、マウスをフレームの外に移動してマウスアップすると、スパンは永遠に灰色のままになります。つまり、CSS はそれを ":active" と見なします。

    これはフレームでのみ発生するようで、KHTML ベースのブラウザでは問題は発生しません。

    誰でも回避策がありますか?

    0 投票する
    3 に答える
    7674 参照

    css - css ":focus" 疑似クラスとセレクター

    私はこれを正しくするために戦ってきました...基本的に私は次のHTMLセットアップを持っています:

    「span.label01」はインライン要素で、テキストボックス「input.tboxes」の左側に表示されます。テキストボックスがフォーカスを受け取ったときに、「span.label01」と「div.box10」にスタイルを追加しようとしています。

    次のCSSコードを試しました:

    しかし、何も起こりません。これが CSS セレクターの問題であることはわかっていますが、正しく理解できないようです。隣接する兄弟セレクターも試しましたが、何もしませんでした。誰でもここで私を助けることができますか? ティア!

    0 投票する
    6 に答える
    3013 参照

    css - css 疑似クラス

    どちらも「div.weather strong」で指定された要素の最初の子であるため、「非常に」だけが赤で「信じられないほど」ではないのはなぜですか?

    0 投票する
    5 に答える
    1158 参照

    css - なぜ擬似クラスと呼ばれるのですか?

    なぜ「疑似クラス」と呼ばれるのですか?

    「クラス」の概念との類似点はありますか?

    0 投票する
    1 に答える
    130 参照

    sifr - sIFR は :first-child のような疑似要素をサポートしていますか?

    sifr-config.js ファイルに次のものがあります。

    しかし、うまくいきません。通常のスタイルシートでテストして、同じ CSS が機能することを確認しました。sIFR はこの疑似要素を理解できないのでしょうか、それとも特別な方法で呼び出す必要がありますか?

    0 投票する
    1 に答える
    127 参照

    css - クラスセレクターの後の疑似クラス?

    私はクラスを持っています

    このクラス内でリンクのテキストを白く表示したいのですが、どうすればよいですか?

    私は以下を試しましたが、うまくいきませんでした

    0 投票する
    3 に答える
    5371 参照

    html - CSSでのリンク順

    要素のスタイリングの正しい順序は何ですか<a>(リンク、訪問済み、ホバー、アクティブ)。LVHA、LAHVなどの異なる組み合わせを提供することで、すべてが混乱します。誰でも正しい順序を指定できますか?