【问题标题】:multiple classes css selector not working with :hover多个类css选择器不适用于:悬停
【发布时间】:2012-10-29 23:49:22
【问题描述】:

我有以下不工作的 CSS 选择器:

.button.button-green:hover

但是,如果我这样做,它可以正常工作:

.button-green:hover

这是 CSS 的一个已知问题吗?有没有办法解决这个问题(除了只使用一个类进行悬停)?

【问题讨论】:

  • 在哪个浏览器中?在 Chrome 中似乎是 fine to me
  • 对我来说工作得很好:jsfiddle.net/SWKTP ...你能举个例子吗?什么浏览器?
  • .button.button-green:hover 是一个有效的选择器。需要查看您的 HTML,否则您将得到的只是向您挥手。
  • 您的意思是button.button-green:hover 吗?不? .button 是否可能有 background-image 而您在悬停时只更改 background-color.button 是否在其任何属性中使用 !important?有很多可能性,一个错误对我来说似乎是最不可能的。我向您推荐 BoltClock 的评论

标签: css css-selectors


【解决方案1】:

查看以下 jsbin 以了解几个不同的选项: http://jsbin.com/akowix/1/

你的 html 是什么样的?

  • 您是否有同时具有“button”类和“button-green”类的元素?
  • 或者您是否有一个具有“按钮”类的元素包含一个具有“按钮绿色”类的元素?
  • 或者您是否有两种不同的元素,一种是“按钮”类,一种是“button-green”类,您希望将悬停规则应用于两者?

【讨论】:

  • 您也可以将此作为评论发布。
  • @BoltClock - 是的,你是对的。我最初打算从 jsbin 示例中复制一些代码,但最终放弃了这个想法,因为不清楚 OP 真正想要什么。我认为 jsbin 中的示例是值得的。
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2016-02-15
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多