Nurmukhamedoff | Telegram Webview: nurmukhamedoff_dev/1160 -

Telegram Group & Telegram Channel

CSS is magic

Maqsad: agar straight-cash-discount bo'lsa, compare-price degan classni ko'rsatmaslik kerak edi (compare-price straight cashda avval keladi).
Avval buni Js da tezdagina bitirib qo'ygim keldi lekin CSS da buni iloji bo'lishi kerak deb biroz izlandim va topdim.

CSS :has() funksiyasi
Bu funksiya bizga JavaScript-siz dinamik stillarni qo'llash imkonini beradi!
:has() nima?
Bu CSS pseudo-sinfi bo'lib, elementlarni ularning ichidagi yoki keyingi elementlarga qarab tanlash imkonini beradi.

element:has(selector) {}

Shunda menda quyidagi kod ishladi,

.compare_price:has(~ .straight-discount-price:not(:empty)) {
display: none;
}

🤔 Nima uchun JavaScript emas, CSS?

Tezlik: CSS brauzerda tezroq ishlaydi shu sabab shunga o'xshash UI ga aloqador muammolarga yechimni iloji boricha CSS da berishda harakat qilaman.

Xullas, CSS is magic :).

@nurmukhamedoff_dev

www.tg-me.com/jp/Nurmukhamedoff/com.nurmukhamedoff_dev/1160

2.6K viewsedited Sep 6, 2024 at 12:49

tg-me.com/nurmukhamedoff_dev/1160

Create: 2024-09-06
Last Update: 2025-05-30 19:09:42

CSS is magic

Maqsad: agar straight-cash-discount bo'lsa, compare-price degan classni ko'rsatmaslik kerak edi (compare-price straight cashda avval keladi).
Avval buni Js da tezdagina bitirib qo'ygim keldi lekin CSS da buni iloji bo'lishi kerak deb biroz izlandim va topdim.

CSS :has() funksiyasi
Bu funksiya bizga JavaScript-siz dinamik stillarni qo'llash imkonini beradi!
:has() nima?
Bu CSS pseudo-sinfi bo'lib, elementlarni ularning ichidagi yoki keyingi elementlarga qarab tanlash imkonini beradi.

element:has(selector) {}

Shunda menda quyidagi kod ishladi,

.compare_price:has(~ .straight-discount-price:not(:empty)) {
display: none;
}

🤔 Nima uchun JavaScript emas, CSS?

Tezlik: CSS brauzerda tezroq ishlaydi shu sabab shunga o'xshash UI ga aloqador muammolarga yechimni iloji boricha CSS da berishda harakat qilaman.

Xullas, CSS is magic :).

@nurmukhamedoff_dev

BY Nurmukhamedoff

Warning: Undefined variable $i in /var/www/tg-me/post.php on line 283

Share with your friend now:
tg-me.com/nurmukhamedoff_dev/1160

Open in Telegram

Nurmukhamedoff Telegram | DID YOU KNOW?

Date: 2025-05-30| Nurmukhamedoff

Telegram is riding high, adding tens of million of users this year. Now the bill is coming due.Telegram is one of the few significant social-media challengers to Facebook Inc., FB -1.90% on a trajectory toward one billion users active each month by the end of 2022, up from roughly 550 million today.

Find Channels On Telegram?

Telegram is an aspiring new messaging app that’s taking the world by storm. The app is free, fast, and claims to be one of the safest messengers around. It allows people to connect easily, without any boundaries.You can use channels on Telegram, which are similar to Facebook pages. If you’re wondering how to find channels on Telegram, you’re in the right place. Keep reading and you’ll find out how. Also, you’ll learn more about channels, creating channels yourself, and the difference between private and public Telegram channels.

Nurmukhamedoff from jp

Telegram Nurmukhamedoff
FROM USA