logo
20.10.2020 17:30
1
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:

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

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ě?

Co se právě děje na Webtrhu?

20.10.2020 18:01
2
Obávám se, že samotné CSS je na tohle krátké. Nejde tam vložit ani javascript?
20.10.2020 18:21
3
Lepsi nez davat javascript by bylo lepsi nechat tam dopsat span znacky. Ale asi nelze...
20.10.2020 18:37
4
Skús použiť css vlastnosť ::first-line.
Je tam len podmienka, že first-line funguje len na ne-inlinové elementy.

Mne to zafungovalo:
21.10.2020 09:46
5
Původně odeslal Matúš Markusek
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 ----------

Původně odeslal Steeta
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('<spa n>');
});

Tak kdyby někdo potřeboval.