Az a TAG hover állapotát hogy lehet megadni LOKÁLISAN?

Ha jól értem a "a:hover {...}"-t szeretnéd direktben az ahref-be égetni.

Első kérdésem: Miért van erre szükség? 😑 Mármint a beleégetni?

A html style="..." azért nem fog működni, mert az elem szintű téma, ami a {...}-ban lévőket tudod megadni. A hover meg egy elem tulajdonságát valami eseményre. Szóval marad a CSS, ha tetszik, ha nem.

[link]

Egyrészt Javascripttel, de ezt nagyon nem ajánlom. [link]

Ha pontosabban adod meg CSS selectort mint az alap stíluslapban van, (akár annyi, hogy "body a:hover", vagy konkrétabban, hogy "div#page > p > a:hover") akkor a "konkrétabb" szelektor érvényesíti az akartatát.

Azonos elemek esetén felül lehet bírálni a CSS stílust.

1. CSS sima

2. style=""

3. CSS important!

4. style="valami important!"

Tehát fentről lefele olvasva, ami utoljára beállításra kerül, az írja felül a többit.

tehát ha van egy: p { background-color: yellow; color: green }

és egy <p style="color: red">...</p>

akkor sárga háttérrel piros betűvel lesz.

Ha ezután még hozzáírok egy p { color: blue important! }

Akkor még mindig sárga a háttér, de kék lesz a szöveg, mert az a 3. legerősebb jelentésű a "color" tekintetében.