CSS结构我的代码

Question

有没有办法用这样的方式构建一个css文件？：

a:link {
  color: red;
  font-weight: bold;
  a:hover {
    text-decoration: none;
    font-weight: normal
  }
}

所以我想要一个普通的链接加下划线和粗体，但是当我将鼠标悬停在它上面时，它不应该加下划线和粗体，但它应该仍然具有相同的颜色。 （这只是一个简单的例子，仅供解释）

编辑：我/正在寻找一种没有sass或更少的方式

Answer 1

a {
  color: red;
  font-weight: bold;
}

a:hover {
  text-decoration: none;
  font-weight: normal
}

所有a元素都是红色和粗体。具体而言，a:hover元素也没有文本修饰，并且字体权重被覆盖为normal。你并没有试图与父母和孩子打交道＃34;其中，只是更具体的状态元素。

Answer 2

CSS中没有继承这样的东西，但你可以这样做：

@FXML
public void imageClicked(MouseEvent event) {
    System.out.println("Clicked: "+event.getSource());
}

Answer 3

评论中部分提到了这一点，但我认为它应该有自己的帖子。

您使用SASS（或者LESS，但我发现前者更容易）编写代码，然后使用Koala之类的编译器将其编译为常规CSS。

这样你的代码就变成了：

a:link {
  color: red;
  font-weight: bold;

  &:hover {
    text-decoration: none;
    font-weight: normal
  }
}

它会按预期工作。