Změna CSS za tagem BR

20. 10. 2020 17:30:58

Zdravím,

mám problém a potřeboval bych poradit. Styluji kód, který žádným způsobem nemohu ovlivnit. Vše šlo, až teď jsem se dostal do pasti, kdy potřebuji rozlišit tuto část:

Jak jste byli spokojeni?
(zcela nespokojen/a 1 – 7 velmi spokojen/a)

A to tak, aby první řádek byl tučný a druhý ne. Toto konkrétně jsem byl ještě schopen vyřešit za pomoci pseudo elementu :first-line. Nicméně formulář má několik podobných otázek a některé jsou bohužel natolik dlouhé, že jsou samotné na dva řádky a tím se :first-line vztáhne i na ně.

Otázka zní, je nějaká možnost, jak to udělat jinak? Např. využít nějakým způsobem tag br, říct, v rámci CSS, aby bylo vše za br netučné? Případně využít závorek, zase stylem vše mezi závorkami netučně?

20. 10. 2020 17:30:58

https://webtrh.cz/diskuse/zmena-css-za-tagem-br#reply1466518

Steeta

(3 hodnocení)

20. 10. 2020 18:01:28

Obávám se, že samotné CSS je na tohle krátké. Nejde tam vložit ani javascript?

20. 10. 2020 18:01:28

https://webtrh.cz/diskuse/zmena-css-za-tagem-br#reply1466517

David Musil

(69 hodnocení)

20. 10. 2020 18:19:43

Hehe, proc javascript? To se prece resi znackou a pak potrebnymi styly.

20. 10. 2020 18:19:43

https://webtrh.cz/diskuse/zmena-css-za-tagem-br#reply1466516

David Musil

(69 hodnocení)

20. 10. 2020 18:21:09

Lepsi nez davat javascript by bylo lepsi nechat tam dopsat span znacky. Ale asi nelze...

20. 10. 2020 18:21:09

https://webtrh.cz/diskuse/zmena-css-za-tagem-br#reply1466515

Matúš Markusek

(10 hodnocení)

20. 10. 2020 18:37:48

Skús použiť css vlastnosť ::first-line.

Je tam len podmienka, že first-line funguje len na ne-inlinové elementy.

Mne to zafungovalo:

20. 10. 2020 18:37:48

https://webtrh.cz/diskuse/zmena-css-za-tagem-br#reply1466514

alibagil

21. 10. 2020 09:46:51

Napsal Matúš Markusek;1601271
Skús použiť css vlastnosť ::first-line.

:first-line jsem použil, psal jsem to. Bohužel jakmile je horní řádek delší a zalomí se automaticky (třeba kvůli responzivitě), tak je jedna půlka tučná a druhá nikoliv.

---------- Příspěvek doplněn 21.10.2020 v 09:49 ----------

Napsal Steeta;1601265
Obávám se, že samotné CSS je na tohle krátké. Nejde tam vložit ani javascript?

Javascript by měl jít vložit. Nějaký nápad na kód, který by toto vyřešil? Jediná možnost je ho nějakým způsobem vztáhnout na ten BR tag, protože závorky jsou často používány i v nadpisu.

---------- Příspěvek doplněn 21.10.2020 v 17:47 ----------

Tak přišel jsem na to, v javascriptu by mělo fungovat toto:

jQuery('b').each(function (){

jQuery(jQuery(this).prop('firstChild')).wrap('');

});

Tak kdyby někdo potřeboval.

21. 10. 2020 09:46:51

https://webtrh.cz/diskuse/zmena-css-za-tagem-br#reply1466513

Pro odpověď se přihlašte.

Přihlásit