A kölcsönhatás a JavaScript és CSS segítségével CSS-változók
Mi az a CSS-változók?
CSS-változók (lásd. Specification) adunk a CSS, két új fogalmak. Mostantól kezdve, akkor meg az egyéni tulajdonságokat kezdődő kettős kötőjelet (-):
És akkor használja őket keresztül var ():
Mert bárki ismeri SASS vagy hasonló nyelven lett lefordítva a CSS, az előnyök nyilvánvalóak, akkor könnyen változtatni a színét, méretét, stb minden egy helyen.
Ami érdekes, hogy a változók ugyanazokat a szabályokat követik öröklési hogy más CSS-tulajdonságok. Például hirtelen úgy döntöttünk, hogy kísérletezni a színe blogunkon:
Az összes link ezen belül része az oldal, amely kapcsolódik a blogjához lesz ijesztő barna.
CSS-tényezők közül csak tökéletesen összekeverjük a kifejezése számított ():
Nem is olyan ritka, egyedi feladni minden CSS és csak írásban stílusok a JS:
CSS-változók lehetővé tesznek egy sokkal jobb, vesszük ugyanezt a példát:
Ha ez a trükk, amit tehetünk anélkül, hogy a összefűzés:
Akkor is meghatározzák a CSS-ben van a hiba, amelyet aztán felülírja a script:
Itt van egy kész példa arra, hogy lehet játszani:
Ui Azt is érdekelhetnek:
Kevesebb, mint hat hónappal a legutóbbi változás W3C munkafolyamatban, mint a vezető a konzorcium kapott javaslatot, hogy ezt az új eljárást végül az ügyben. És írd le lényegtelen HTML specifikáció a múzeumban, így nem zavart a fejlesztők, „mintha” kapcsolódnia.
Tovább CSS modul, mely azt mondták csendesen érett állapotát, amellyel a W3C azt tanácsolja, hogy indítsa el a rutinszerű használata az új termékek. tartalmazzák a tulajdonság lehetővé teszi, hogy korlátozzuk a változás a fa rajz, újrarajzoláskor CSS-dobozokat, és változtatni a méretét az elemen belül. Ezért olyan fontos, ...
TÖBB
Paris (a képen), amely a közelmúltban elfogadott CSS munkacsoport ülésén, megérkezett szórakoztató hírek: Properties grid-row-rés és rács-oszlop-szakadék, valamint a csökkentés rácsos rés ...