0

这样的事情可能吗？

.imgbox:hover{ .ui-resizable-se { /*some style */ } }

还是概念上的等价物？基本上，只有当某个类的元素悬停在上面时，该类中的某个元素才应该改变某种样式。

4

4 回答 4

3

你可以这样做：

.imgbox:hover .ui-resizable-se { /*some style */ }

LESS 或 SASS 也可以生成相同的内容。

于 2013-02-10T12:20:12.730 回答
2

当然会是：

.imgbox:hover .ui-resizable-se { /*some style */ }
于 2013-02-10T12:19:48.797 回答
1

不，CSS 不允许嵌套。你必须这样写：

.imgbox:hover .ui-resizable-se { /*some style */ }

但是，有各种可用的 CSS 预处理器可以将类似的内容转换为有效的 CSS。最流行的是LESS和SASS/SCSS。

于 2013-02-10T12:19:49.187 回答
1

不是纯 CSS，但你可以使用像 Sass 这样的 CSS 预处理器：

http://sass-lang.com/

table.hl {
  margin: 2em 0;
  td.ln {
    text-align: right;
  }
}

li {
  font: {
    family: serif;
    weight: bold;
    size: 1.2em;
  }
}

生成：

/* CSS */

table.hl {
  margin: 2em 0;
}
table.hl td.ln {
  text-align: right;
}

li {
  font-family: serif;
  font-weight: bold;
  font-size: 1.2em;
}
于 2013-02-10T12:19:49.813 回答