@Greyson Mario Advertise in a place where people are not already programmers and know this is a bunch of bullshit. Might save you some pennies on the bots.
@@kingpeterpanes7196 It's pretty new, though part of the confusion is that it's been renamed a couple times. It was previously called :matches and :any , but those names are now deprecated. I'd hesitate to use this in production until developer.mozilla.org/en-US/docs/Web/CSS/:is#browser_compatibility has more green in it.
When talking about :is(), you should also talk about the very similar :where() pseudo-class, which has the only difference that it has 0 specificity. :is(), on the other side, takes on the specificity of the most specific selector in it.
I don't know if people tell you this or not. But I find you as a very likable and kind hearted man, the type people like to have around, despite not knowing you are just seeing you for the first time. I say this, because I for one can tell if someone is unpleasant, or evil looking by looking at his face. Your face, the way you talk, and how you present your content, says a lot about you. Oh, nice video by the way. Keep up the good work.
I only started watching KP's videos about two months ago and the massive value it has added to my CSS skills is just unbelievable! Great work, Kevin! You're awesome!!
I always wonder, how could someone dislike his videos? He is so kind and generous, when it comes to sharing his design knowledge. Watching his videos makes me better designer.
Was really confused by this :is() thinking that it didn't syntactically make sense header :is(). But really this is just a shorthand way of "header *:is()" and now I love it 😀 thanks for sharing. I will absolutely be using it.
I had no idea of :is!! Very nice tutorial Kevin. As always I've learn something with your videos. This is why you were in The State of CSS survey. I didn't get the specificity "issue". I guess I have to watch it again...Great job Kevin! Thanks million for your videos.
Thanks for making me feel like I know NOTHING about CSS, Kevin. Oh yeah, thanks SO MUCH, Kevin. How can I tell my friends now that I work and actually GET PAID for writing CSS code? 🤣 Great as always, Mr. Powell. Thank you very much.
Fantastic video, i am currently doing a course in software development and have covered HTML5 and CSS3 but not even this was mentioned in the course i had done.
Normally I prefer russian speaking channels for such topics.... first time I encountered an english video on IT topic which is so good and easy to understand! Bravo! I will certainly watch more!!!
Very interesting point on specificisicisity :p no, seriously, that behaviour is guaranteed to cause _unexpected_ results when more people start using the :is pseudo, so it's good to know exactly how that works.
Yeah, I was little surprised how it calculated it. I think :where() will be more widely used than :is() because of it's lack of specificity. And I was going to write once browsers start supporting it, but it looks like they're starting to!
Really cool! It was the first video I've watched on this channel! You've got a new subscriber) I am in FE for 6 years, and last 4 years I'm using SCSS. IMHO SCSS is much easier, don't even know if I'll need this "is(...)" pseudo
Idk why but most of the Frontend devs really struggle with that turquoise... What is mind-boggling is that, with the wide range of colors to choose from, we often choose turquoise and misspelled it several times before deciding to give up and choose another color.
that's a good chunk of what I used SCSS for... - though there's obviously lots of other things that were nice about it - still now that CSS-in-JS is common this is actually useful again!
Love this! Definitely didn't know this even existed. You might choose to say it's "higher in the CSS hierarchy" rather than “specificity”. It's a tongue-twister for anyone. Ha ha ha!
I think p:hover would work in a scenario where maybe you have a site where you read stories with a class and maybe you highlight it on screen to help kids or anyone follow along or pick up if they weren’t paying attention. Or in general if it’s a site full of books then maybe it’d even help people not lose their place if you hover over the paragraph that you’re reading yourself
Great lesson! But for me, it adds complexity. Sometimes verbose is more simple. I like my stuff readable. Also, when using a css precompiler, like sass, the :is pseudoclass becomes a bit obsolete.
WOW , thank you so much ! I live a sub. Ive been working with CSS files for a while and my setups can get messy, thanks so much for showing this method !
I didn't know that even exist... Thank you Kevin
Same
wait, so this feature is not new?
Same here
@Greyson Mario Advertise in a place where people are not already programmers and know this is a bunch of bullshit. Might save you some pennies on the bots.
@@kingpeterpanes7196 It's pretty new, though part of the confusion is that it's been renamed a couple times. It was previously called :matches and :any , but those names are now deprecated. I'd hesitate to use this in production until developer.mozilla.org/en-US/docs/Web/CSS/:is#browser_compatibility has more green in it.
When talking about :is(), you should also talk about the very similar :where() pseudo-class, which has the only difference that it has 0 specificity. :is(), on the other side, takes on the specificity of the most specific selector in it.
Thanks for the tip!
But if that is the only specificity, then is it better to work with :where() rather than with :is()
?
@@Jens-OS Tu est Francais?
@@Jens-OS sure
😊 thanks!
This randomly appeared in my youtube recommendations, I didn't even know :is() exists. This'll come in handly I'm sure. Thanks for the video!
Glad you enjoyed it!
@@Jens-OS No.
My CSS has really improved from following and watching your content. Thanks a lot for your work
Awesome!
@@Jens-OS You need content and have none get content then ask again
Once again Kevin produces a gem of valuable useful and practical information. I love the way Kevin explains in ways we can understand and learn 👍 👍 👍
Nope. This was waist of time the only useful info is :is is useless.
I love watching Kevin talking about the specificity of things 😌
I don't know if people tell you this or not. But I find you as a very likable and kind hearted man, the type people like to have around, despite not knowing you are just seeing you for the first time. I say this, because I for one can tell if someone is unpleasant, or evil looking by looking at his face. Your face, the way you talk, and how you present your content, says a lot about you. Oh, nice video by the way. Keep up the good work.
I only started watching KP's videos about two months ago and the massive value it has added to my CSS skills is just unbelievable!
Great work, Kevin! You're awesome!!
I appreciate your specificity explanation. As a new developer these little technicalities can be aggravating if you don't know about them!
Thanks for the video!
great note there on specificity , very useful
Never even heard of this pseudo class, but I'm not a CSS Ninja like you Kevin. Thanks for filling me in. See you soon!
I always wonder, how could someone dislike his videos? He is so kind and generous, when it comes to sharing his design knowledge. Watching his videos makes me better designer.
Probably IE users. ;)
WOW! My mind is blown, I had no idea about this. Glad this popped up in my recommendations.
Was really confused by this :is() thinking that it didn't syntactically make sense header :is(). But really this is just a shorthand way of "header *:is()" and now I love it 😀 thanks for sharing. I will absolutely be using it.
I know why they call you the king of CSS, your content and way to explain are incredible
Was looking for this solution for ages, thanks so much for sharing!
That :is good to know - thanks :)
I had no idea of :is!! Very nice tutorial Kevin. As always I've learn something with your videos. This is why you were in The State of CSS survey.
I didn't get the specificity "issue". I guess I have to watch it again...Great job Kevin! Thanks million for your videos.
Very informative. Kudos for warning us about the specificity hurdle. Thank you
Thanks for making me feel like I know NOTHING about CSS, Kevin. Oh yeah, thanks SO MUCH, Kevin. How can I tell my friends now that I work and actually GET PAID for writing CSS code? 🤣 Great as always, Mr. Powell. Thank you very much.
Good god, how have I never seen this before? That is so much better than how I have been doing things! Thanks a bunch!
Your classes are always amazing, thank you for these incredible videos, much love :)
his glasses to
This is an awesome video! Thanks for explaining this so thoroughly but also being so concise!
absolutely fantastic tip! thank you for posting this up
Good to know! Chaining multiple selectors (with a comma, or lots of nesting in Sass) can get slow, would be great to know how :is compares in speed
didn’t even know this was a thing! Thanks so much for the quick and informative overview.
Neat, been doing CSS since 1999 and didn’t know this existed. I need to figure out what else I don’t know. Subscribed
😲 wow! Thanks ☺ a lot sir 🙏Very unique and interesting information 👍
thank you for the tips Sir Kevin, very helpful for me! i will wait for your next videos!
Nice work fella! A quick look at several of your vids shows a great library of PRO tips.
Fantastic video, i am currently doing a course in software development and have covered HTML5 and CSS3 but not even this was mentioned in the course i had done.
Super handy and well explained video. Thanks for sharing your knowledge Kevin!
This :is(cool, awesome, fantastic)
Nice content! Is simple to understand, and this pseudo class is a powerfull tool in development! Thx for this vídeo!
THANK YOU for posting this. Awesome stuff. Stay safe & healthy.
That was absolutely new and useful method. You're do natural and explains very easily. Keep exploring such things! 🤘
Thank you! 😃
Your research and teachings are so amazing sir
Normally I prefer russian speaking channels for such topics.... first time I encountered an english video on IT topic which is so good and easy to understand! Bravo! I will certainly watch more!!!
This seems excellent. Going to start using ASAP.
As always, thank you so much for sharing!
Great tip! Thank you! Definitely use the space child selector a lot.
really useful to knoq, will be using this in my next project. thanks kevin :)
Thank you 💗 you deserve millions of subscribers.
Very interesting point on specificisicisity :p no, seriously, that behaviour is guaranteed to cause _unexpected_ results when more people start using the :is pseudo, so it's good to know exactly how that works.
Yeah, I was little surprised how it calculated it. I think :where() will be more widely used than :is() because of it's lack of specificity. And I was going to write once browsers start supporting it, but it looks like they're starting to!
@@KevinPowell Wait... there is a :where(), too?!
Thank you Kevin, I will start applying this at work today. Your the best!.
I recommend CSS in Depth book to everyone. It is a life saver of a reference.
Really cool! It was the first video I've watched on this channel! You've got a new subscriber)
I am in FE for 6 years, and last 4 years I'm using SCSS. IMHO SCSS is much easier, don't even know if I'll need this "is(...)" pseudo
Kevin, you are awesome. these are really time-saving tips. ':is()' is cool.
Idk why but most of the Frontend devs really struggle with that turquoise... What is mind-boggling is that, with the wide range of colors to choose from, we often choose turquoise and misspelled it several times before deciding to give up and choose another color.
You‘re really good at teaching/showcasing.
This is simply awesooooooommmmeeee. Love you Kevin. Big ups!
Kevin got a smooth ass voice. I love hearing him on scrimba.
My personal website only has one complex selector like this, but it is much cleaner for sure. Makes things much simpler!
Super cool, thank you for creating and sharing!
Glad you enjoyed it and welcome aboard!
I didn't know that even exist, Great. Thank you Kevin
Thanks, Kevin! That was tremendously useful, especially with the caveats!
This is a very practical / useful / informative tutorial, thank you Kevin !!!
:is() in CSS like the common denominator in mathematics
I'm new to css so this was Really helpful thanks a ton!
Really amazing selector, thanks a lot for sharing
WoW ! Great information Kevin. Thanks a lot ! I've just learned something new bro!
I've read about it recently but now i fully understand it thanks
that's a good chunk of what I used SCSS for... - though there's obviously lots of other things that were nice about it - still now that CSS-in-JS is common this is actually useful again!
Oh my God!!! You just made my life easy. This has reduced my CSS lines
Thank you, Kevin, explained well.
I love your tutorials mostly because of your joker cards you through like this and win the game. :)
Great explanation. I always learn so much from you.
Thanks, Kevin. My CSS skills dramatically leveled up...
today i learned something new , thanks kevin you're awesome !
KevinPowell :is(lit, legit, onFire) {
flex: skills;
}
Very cool. You do a great job explaining and introducing these subjects.
So happy to hear that!
thank you @Kevin @Powell
I watch these videos while I eat because I enjoy them.
Wow this is really useful clean and easy to read, had no idea this existed
I recently discovered :has() and loved it
Amazing! Only started using :not() so this is a nice addition
Great stuff!!! really liked the specificity part
Glad you enjoyed it
Nice trick, never knew about this until now, thank you!
You should have included :where when you spoke of specificity.
I totally missed that :matches had a name-change, so thank U for the vid. 😊
whooo ! didn't know about that thanks for sharing it Kevin
surely gonna use it for sure 👍
Now that's called KEVIN BOMB 💣
Love this! Definitely didn't know this even existed. You might choose to say it's "higher in the CSS hierarchy" rather than “specificity”. It's a tongue-twister for anyone. Ha ha ha!
I think p:hover would work in a scenario where maybe you have a site where you read stories with a class and maybe you highlight it on screen to help kids or anyone follow along or pick up if they weren’t paying attention. Or in general if it’s a site full of books then maybe it’d even help people not lose their place if you hover over the paragraph that you’re reading yourself
That was a nice explanation + I didn't know about that group specificity thing so thanks for that 😊
@@Jens-OS Ohh I'd love to subscribe to your channel but sadly I hate spammers.
Thx Kevin! Another useful things from you !!!
Your Tutorials are awesome! Thank you so much :-)
wow. that is awesome usage of :is()
thank you for sharing
Oh man, I remember seeing this and wanting to use it but the browser support wasn't there yet. Great video; solid tut.
Thanks!
Had no idea you could do that. Good stuff!
Great lesson!
But for me, it adds complexity. Sometimes verbose is more simple.
I like my stuff readable.
Also, when using a css precompiler, like sass, the :is pseudoclass becomes a bit obsolete.
this is better than SASS.
What do you mean?
Superb.. i really like this man. You increased my knowledge and its very helpful
I wrote
:is( .best-css-channel ) {
color: blue;
}
now all your videos have blue titles!!!
should be #best-css-channel because there can be only one "best css channel" ;)
y'all are cute af
Good explanation. Get it now. Thank you.
WOW , thank you so much ! I live a sub. Ive been working with CSS files for a while and my setups can get messy, thanks so much for showing this method !
Thanks Kevin, I didn't know about this until nooow! This will be so helpful! Like and Subscribed!
Thanks for sharing really loved this one!
thanks I learnt a new pseudo class
I still think :not() is the GOAT pseudo-class... It can keep you from writing so much extra CSS.
What does it do?