Warning: file_put_contents(aCache/aDaily/post/nurmukhamedoff_dev/--): Failed to open stream: No space left on device in /var/www/tg-me/post.php on line 50
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



tg-me.com/nurmukhamedoff_dev/1160
Create:
Last Update:

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

View MORE
Open in Telegram


Nurmukhamedoff Telegram | DID YOU KNOW?

Date: |

What is Secret Chats of Telegram

Secret Chats are one of the service’s additional security features; it allows messages to be sent with client-to-client encryption. This setup means that, unlike regular messages, these secret messages can only be accessed from the device’s that initiated and accepted the chat. Additionally, Telegram notes that secret chats leave no trace on the company’s services and offer a self-destruct timer.

Telegram today rolling out an update which brings with it several new features.The update also adds interactive emoji. When you send one of the select animated emoji in chat, you can now tap on it to initiate a full screen animation. The update also adds interactive emoji. When you send one of the select animated emoji in chat, you can now tap on it to initiate a full screen animation. This is then visible to you or anyone else who's also present in chat at the moment. The animations are also accompanied by vibrations. This is then visible to you or anyone else who's also present in chat at the moment. The animations are also accompanied by vibrations.

Nurmukhamedoff from ye


Telegram Nurmukhamedoff
FROM USA