jquery - ある値の直後にCSS値を適用する

Question

私はこのようにCSSをスタイルしました

.mycss{border: 2px solid; background: url("") no-repeat;}

ソリッド#f00の直後とノーリピートの直後にjqueryでスペースを追加するにはどうすればよいですか?

編集 js で CSS を編集したい場合はどうすればよいですか?

Answer 1

これを簡単に使用できます：

.mycss:hover{border: #f00; background-color: #f00;}

CSSまたはHTMLページにstyleタグとして追加できます。これにはjsまたはjqを使用する必要はありません。編集していないものを追加しているため、このCSSに追加されます:D

Answer 2

color に特定の CSS プロパティを使用します。

background-color: #f00

background-imageそれはorをオーバーライドしませんbackground-position。境界にはborder-colorプロパティがあります。

Answer 3

他の人が言ったように、cssは行く方法です。しかし、それでも jQuery を使用したい場合は、これを行う方法があります。

• ホバリング時に追加したいスタイルを持つクラスを追加します。

  .onHover {
      border-color: #f00;
      background-color : #f00
   }
  

• 次に、ホバリングするたびhoverにjQueryとクラスのイベントを使用できます。toggle

   $(".mycss").hover(function () {
     $(this).toggleClass("onHover");
   });
  

デモ: http://jsfiddle.net/hungerpain/gU7Zp/