Zadejte hledaný výraz...
Jakub Glos
Webtrh.cz
Vývoj webových stránek na WordPressu a proklientský přístup pro freelancery
Třídenní infromacemi nabitý prezenční + online kurz v Praze od Webtrhu pouze za 2 871 Kč
Více informací

Změna textu pomocí CSS

ideasro
verified
rating uzivatele
(19 hodnocení)
21. 5. 2021 14:23:32
Zdravím, chci se zeptat je reálně možná změna textu pomocí stylu ?
Řekněme, že mám pár textu např. Auto je červené a já to chci pomocí CSS změnit na Auto je bílé.
Můžete mi prosím poradit díky.
21. 5. 2021 14:23:32
https://webtrh.cz/diskuse/zmena-textu-pomoci-css/#reply1484566
Jaký by to mělo mít smysl? Nadhoď nějakou use case. Jinak odpověď najdeš pravděpodobně tady https://stackoverflow.com/questions/7896402/how-can-i-replace-text-with-css
21. 5. 2021 14:39:21
https://webtrh.cz/diskuse/zmena-textu-pomoci-css/#reply1484565
ideasro
verified
rating uzivatele
(19 hodnocení)
21. 5. 2021 15:08:46
Potřebuji změnit texty pomocí CSS, protože jsou souborově vzdálené a nemám možnost je upravit, přepsat jak klasicky známe úpravou v html.
Mám tedy text dejme tomu Web Statistics a já to potřebuju přepsat na např. Main Statistics, ale musím to ještě nejlépe elementem odlišit protože h2 textu je na stránce více.
Ptám se proto jak bych konkrétně postupoval, jaký nejlepší kód zvolit. To s tím content mě nešlo, ale možna jsem udělal chyb .). Díky
Když si spustím css selector neboli inspect v chromu, ten text se nachází pod tímto.
div div h2 {
}
21. 5. 2021 15:08:46
https://webtrh.cz/diskuse/zmena-textu-pomoci-css/#reply1484564
SKARL
verified
rating uzivatele
23. 5. 2021 19:47:03
Ty v tom odkaze funguji. Není důvod proč by to nešlo ale i tak je to divny.
before je to pred elementem puvodni se musi skovat a novy nejde oznacit
div:nth-of-type(1) div h2 {
color: transparent;
position: relative;
user-select: none;
}
div:nth-of-type(1) div h2:before {
content: "Main Statistics";
color: black;
position: absolute;
}
lepsi by to bylo v javasriptu
el = document.querySelector("div:nth-of-type(2) div h2");
el.innerText = "Main Statistics";
23. 5. 2021 19:47:03
https://webtrh.cz/diskuse/zmena-textu-pomoci-css/#reply1484563
Pro odpověď se přihlašte.
Přihlásit