問題タブ [pseudo-class]

選択可能なテーブルがあります (jQuery UI 選択可能)。エッジ (上、左、右、下) 幅 css に「アクセス」するにはどうすればよいですか、または JavaScript を使用する必要がありますか?

更新：「エッジにアクセスする」とは、たとえば、テーブル内の選択された領域の周りに境界線を作成することを意味します（td要素を選択し、最初に.ui-selected in tr、最後に.ui-selected in tr、最初に.ui-selectedを含むtr 、.ui-selected を含む最後の tr)。

例: 左端

おはようございます、

ユーザーがリンクにカーソルを合わせたときに、リンクの背景色を変更しようとしています。現在のコードでは、リンクの色は期待どおりに変更されますが、背景色は変更されません。疑似クラスを「SPAN」などの別のタグに付けると、すべてが正常に機能します。当然、「A」タグが原因だと思いますが、まったくわかりません。昨夜からこちらを凝視しております。マークアップ:

CSS:

それが違いを生む場合は、Meyerのリセットも使用しています。これまでのところ、問題はありません。

ボタンをクリックしたときに、別のボタンがクリックされるまでボタンがその色のままになるようにするにはどうすればよいですか？

明確にするために、テキストボックスがあると想像してください。クリックすると、好きなように境界線を追加できますinput:focus{border:#000}。入力のフォーカスが失われたり、別のテキストボックスをクリックしたりすると、境界線のプロパティがデフォルトに戻ります。

ボタンでこれをどのように達成しますか。：afterか何かを使う必要があるような気がします。

私のコード

サムネイルが表示されたページがあります (さらに増えるので、float:left プロパティが必要です)。サムネイルは Div であり、その中にアンカーがあり、そのアンカーは画像とテキストです。テキストは画像の下にあります。アンチョはpdfファイルにリンクします。単純。

http://www.bridgecitymedical.com/forms

問題は、ホバーするとテキストに下線が引かれ、サム イメージにカーソルを合わせるとサム イメージに境界線が表示され、テキストに下線が引かれることです。私が必要とするのは、テキストまたは画像のいずれかにカーソルを合わせると、それぞれのホバー状態が両方に適用されることです。たとえば、画像に境界線が付けられ、テキストに下線が引かれます。現時点では、それらは単独で機能しますが、1 つにする必要があります。そうしないと、奇妙に見えます。

マークアップは次のとおりです。

そしてCSS...

デフォルトでは、テキストの下線は、tylesheet の別の部分から取得されます。

JavaScriptなしでこれを行うことはできますか!?

クリスによって解決されました（選択された回答）。これが彼の解決策です、私の親指をフィドルで...

http://jsfiddle.net/7MLjZ/1/

これは抽象的な質問のように聞こえますが、私が取り組んでいるこのプロジェクトのトラブルシューティングを試みているので、途方に暮れています。

最初の開発者が解雇されたためにプロジェクトを引き継ぐ必要があったため、1日目からプロジェクトをやり直さないという新人のミスを犯しました。何百ものミスを修正し、ほとんどすべてをやり直しました。非セマンティックコード、インラインレイアウト要素、不必要にスライスされたテキスト画像、CSS2からCSS3にすべてを変換する必要があるものからすべて。

ここに含めるにはコードが多すぎるので、これをすべて言っています。私の状況を説明することで、他の誰かの悪い経験を浚渫してアドバイスしてくれることを願っています。

問題： 何も機能しないページが1つあります。外部スタイルシートから適切なCSSを削除し、内部スタイルシートに書き直しています。私が抱えている2つの最大の問題は、疑似要素と疑似クラスが機能していないことです。それが自分が使用しているものであるかどうかを理解しようとしばらく苦労しましたが、その後、p：first-child {color：red}などのさまざまな疑似クラスを試しました。

ページの画像の置き換えにも問題があります。私の通常のテキストインデントは機能せず、テキストはページにとどまります。

他にどのような情報が関連しているかわかりませんので、何かを見たり質問したりする必要がある場合は、遠慮なく質問してください。私のような初心者が髪を抜くのを防いでくれてありがとう:)

編集

ページコードへのリンクは次のとおりです。http：//jsfiddle.net/syren/Zsj2T/ サイト上の他のすべてが機能するため、ページのコードと関係があると想定する必要があります。

のようなものa:linkやdiv::after...

違いに関する情報はほとんどないようです。

私はこれを見つけました：

注: a:hover を効果的にするには、CSS 定義で a:link および a:visited の後に指定する必要があります!!

注: a:active は、有効にするために、CSS 定義で a:hover の後に来る必要があります!!

注: 疑似クラス名では、大文字と小文字が区別されません。

これは間違っているということですか？

悲しいことに、ソースは次のとおりです。 http://www.w3schools.com/css/css_pseudo_classes.asp

「悲しいことに」の理由がわからない場合は、http: //w3fools.com にアクセスしてください。

純粋なCSSを使用した小さな三角形を示すこのコードがあり、IE8-IE9を含むすべての最新ブラウザで動作します:

問題は、IE7 で動作しないことです。矢印が表示されないだけです。

ie8.js の使用を提案している人を見たことがありますが、それも機能しません。

IE7で動作させる方法を知っている人はいますか?

jQuery には:targetCSS3 に似た疑似クラスがありますか?

もしそうなら、デモはいいでしょう。

ありがとう！

JavaScriptを介してブラウザでcss疑似クラスのサポートを検出する概念は何ですか？:checked正確には、ユーザーのブラウザーが疑似クラスをサポートしているかどうかを確認したいと思います。チェックボックス付きのCSSポップアップをいくつか作成し、古いブラウザーのフォールバックを実行する必要があるためです。

答え： Modernizrの「AdditionalTests」でcssセレクターをテストする方法がすでに実装されていることがわかりました。