masscss:悬停应用程序

masscss:悬停应用程序,css,hover,Css,Hover,有没有一种方法可以将一些css应用于css中有:hover的所有项目 e、 g.我想同时对以下所有内容应用字体权重:粗体 .btn:hover{ color:red; } .box:hover{ color:blue; } .wrapper:hover{ color:green; } 我给你做了一支简单的钢笔 将悬停应用于多个类并使用属性选择器 用逗号分隔它们?或者可能是universal选择器*?为什么不为这些元素添加一个公共类?我将使用通用选择器谢谢!我不知道它的存在。Ped

有没有一种方法可以将一些css应用于css中有:hover的所有项目

e、 g.我想同时对以下所有内容应用字体权重:粗体

.btn:hover{
  color:red;
}
.box:hover{
  color:blue;
}
.wrapper:hover{
  color:green;
}

我给你做了一支简单的钢笔

将悬停应用于多个类并使用属性选择器


用逗号分隔它们?或者可能是universal选择器
*
?为什么不为这些元素添加一个公共类?我将使用通用选择器谢谢!我不知道它的存在。Pedro我的项目太落后了,有很多类我想一次更改。你无法针对指定了
:hover
规则的元素。将光标放在窗口的任何位置都会使所有内容都变粗。这真的是你想要的吗?@Turnip不,不会的。它只会影响悬停的元素以及从中继承
font-weight
的任何子元素。@connexo Yes。确切地您将鼠标悬停在body上,页面上的每个元素都将变为粗体,因为它们都是body的后代。但并非所有元素都继承
font-weight
。我只想将这两个属性添加到每个悬停中。因此在本例中,*:悬停非常有用。过渡时间:0.25s-webkit转换持续时间:0.25s;
*:hover {
   font-weight:bold;
}
.wrapper:hover, .box:hover, .btn:hover {
  font-weight: bold;
}

//example with attribute selectors

[class^='bold-']{
  font-weight: bold;
}