KPC
Kevin Powell - Community•2y ago
NazCodeland

Applying hover to many elements at once

I thought we could do this with :where or :has but I can't seem to figure it out or find it online. If I have the following classes, 
.btn__small{}
.btn__medium{}
.btn__large{}
.btn__small{}
.btn__medium{}
.btn__large{}
I want to do something like, 
:where(.btn__small, .btn__medium, .btn__large):hover {}
:where(.btn__small, .btn__medium, .btn__large):hover {}
4 Replies
Joao
Joao•2y ago
I think it should be: 
.btn__small,
.btn__medium,
.btn__large:where(:hover) {
  /* rules */
}
.btn__small,
.btn__medium,
.btn__large:where(:hover) {
  /* rules */
}
Mm, no just tried it and doesn't seem to work either Actually your example is working for me 🤔
NazCodeland
NazCodeland•2y ago
I think the :where only applies to btn__large in that case is it? no way -.- let me double check
Joao
Joao•2y ago
NazCodeland
NazCodeland•2y ago
awesome, thank you @joao6246
Want results from more Discord servers?
Add your server
More Posts
using transition duration on all elementsso this is a general question I don't have a problem with it but wouldn't be better if we use *{ trAlternatives to BEM, CSS class naming.https://daverupert.com/2022/08/modern-alternatives-to-bem/calcShouldn't this be working with calc ```CSS width: calc(300px - (padding-left + padding-right));```Githubif iam working with some one on a project on github and i did some changes in a part if a page and hBandwidth in site hostingI have a website for my college it will containt all the docs file of our subjects if i linked the fFont-size is insanely small!For some reason, the text I got here is soooooo small! I got no idea why and it's probably for an obBrowser not showing images folder from react buildMy images folder from React's build folder is not showing in the browser's sources files: http://54.how to test the below code in angular jasminefetchTotalProjetsCount() { return new Promise((resolve, reject) => { this.http.get(environment.ENVHow to update height of a div to match another div?I'm trying to live update a variable in javascript to set the height of a div. Trying to use ResizeOUnderstanding GridHere is the playground: https://jsfiddle.net/4L7v8jhx/1/