在某个值之后应用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

使用specific CSS properties for color：

background-color: #f00

不会覆盖background-image或background-position。对于边界，有border-color属性。

Answer 3

正如其他人所说，css是要走的路。但是，如果您仍然想使用jQuery，这是一种可以实现此目的的方法。

• 在悬停时添加一个包含要添加的样式的类。

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

• 然后你可以在悬停时使用jQuery的hover事件和toggle类。

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

演示：http://jsfiddle.net/hungerpain/gU7Zp/