Тёмный

Simplify Your CSS using :is() and :where() Pseudo-Selectors 

Optimistic Web
Подписаться 10 тыс.
Просмотров 7 тыс.
50% 1

Опубликовано:

 

5 окт 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 23   
@integrateur
@integrateur 7 месяцев назад
Thanks for the clarifications!
@OptimisticWeb
@OptimisticWeb 7 месяцев назад
You're welcome!
@maybe22days
@maybe22days 6 месяцев назад
Awesome content, thanks.
@OptimisticWeb
@OptimisticWeb 6 месяцев назад
Appreciate your feedback.
@mkwise5996
@mkwise5996 7 месяцев назад
Great video
@OptimisticWeb
@OptimisticWeb 7 месяцев назад
Thank you! Appreciate your feedback.
@zoetje9817
@zoetje9817 6 месяцев назад
At the end you say that because the :where() and :is() psuedoclasses differ in their specificity, it allows us to create more readable code. Can you give an example? It seems, to me, that it would mostly cause confusion and/or unintuitive code. I could see some uses for CSS applied through classes toggled by JavaScript, as well as ways to reduce file sizes though. Definitely useful.
@OptimisticWeb
@OptimisticWeb 6 месяцев назад
Thanks for the feedback! To clarify, the readability and maintainability aren't solely due to the specificity difference between :is() and :where(). Rather, it's about how these pseudo-class selectors can enhance code organization and clarity. They allow for more concise and intuitive styling, especially in complex scenarios. I was summarizing the video at 03:47, outlining their benefits, and when/how to use these selectors effectively. Both :is() and :where() contribute to writing cleaner, more maintainable code. Hope this helps.
@zoetje9817
@zoetje9817 6 месяцев назад
@@OptimisticWeb Ah, then I misunderstood that part of the video. Thanks for the quick clarification!
@OptimisticWeb
@OptimisticWeb 6 месяцев назад
No problem at all! Glad I was able to provide some clarity.
@ramadandk9886
@ramadandk9886 6 месяцев назад
I hope you will make full course vidio aboit html,css and javascript
@OptimisticWeb
@OptimisticWeb 6 месяцев назад
Thank you, you are the second person showing an interest in a course.
@darshanjadav510
@darshanjadav510 7 месяцев назад
waiting for next video sir
@OptimisticWeb
@OptimisticWeb 7 месяцев назад
Sure, the next video is scheduled for Tuesday. Stay tuned 👍
@darshanjadav510
@darshanjadav510 7 месяцев назад
@sticWeb how to link html pages plz video upload sir
@OptimisticWeb
@OptimisticWeb 7 месяцев назад
You can use the HTML anchor tag to link pages.
@Abiram77
@Abiram77 6 месяцев назад
Hey what about Devin
@OptimisticWeb
@OptimisticWeb 6 месяцев назад
AI world is having pretty decent advancements these days, but, I don't think we are at a stage where human jobs can entirely be replaced.
@rcarias78
@rcarias78 7 месяцев назад
how do you use the :is and where with the not selector (or other pseduo ones)?
@OptimisticWeb
@OptimisticWeb 7 месяцев назад
You should be able to chain the :not() pseudo-selector with the :is() function, like ":not(:is(p, span))". However, it will be the same as using ":not(p, span)". It depends on what you want to achieve and don't forget that specificity also plays its part. You can also watch our short video on :has() pseudo-selector (ru-vid.comYoCm92KofDc) where we combined the uses of :not and :has to style navigation.
@rcarias78
@rcarias78 7 месяцев назад
@@OptimisticWeb thanks for the response. I’ll check out the suggestion link ! Look forward to more content
@JawsoneJason
@JawsoneJason 5 месяцев назад
Really wish this wasn't AI-voiced
@OptimisticWeb
@OptimisticWeb 5 месяцев назад
I hope the content itself makes up for it :)
Далее
ВЫЖИЛ В ДРЕВНЕМ ЕГИПТЕ!
13:09
Просмотров 191 тыс.
Naming things just got easier thanks to @scope
26:22
Просмотров 48 тыс.
2 better alternatives to overflow: hidden
11:04
Просмотров 158 тыс.
Creating unique shapes & animations using CSS clip-path
10:58
Use these instead of vh
6:06
Просмотров 511 тыс.
CSS Tips And Tricks I Wish I Knew Before
12:12
Просмотров 482 тыс.
These CSS PRO Tips & Tricks Will Blow Your Mind!
8:48
Просмотров 372 тыс.
How you can simplify your CSS with :is()
9:20
Просмотров 335 тыс.