css font-weight

[lisa456]

Weiß jemand wie man in CSS nur den ersten Satz eines Absatzes dick macht?

mein Ansatz:
p::first-line
{
font-weight:bolder;
}
jedoch ist hier nur die erste Line.
Wie also den ersten Satz eines Absatzes?

 

[mihe7]

Rein in CSS: m. W. gar nicht, nur in Verbindung mit z. B. span.

 

[lisa456]

Rein in CSS: m. W. gar nicht, nur in Verbindung mit z. B. span.

und wie würde das gehen

 

[mihe7]

Du setzt den ersten Satz im HTML in ein span-Tag 🙂

<p><span class="first-sentence">Das ist der erste Satz.</span> Und das der zweite.</p>

 

[lisa456]

Du setzt den ersten Satz im HTML in ein span-Tag 🙂

<p><span class="first-sentence">Das ist der erste Satz.</span> Und das der zweite.</p>

ok ich Versuchs mal. Danke!

 

[RezaScript]

@lisa456 falls dein Text dynamisch ist, kannst du es auch mit JS machen:

<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit expedita corporis, totam sapiente recusandae minus, vitae nam recusandae, dolor nam ex obcaecati, magni quam magnam odio quis sint commodi quibusdam illo. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Et deserunt optio ex esse reiciendis minima minus voluptas similique, ullam aspernatur, tempora ipsum natus quia voluptatum voluptatibus aliquam sunt? Cum, delectus.
</p>

const paragraph = document.querySelector('p');
paragraph.innerHTML = paragraph.innerText.replace(/^(.*?)[.?!]\s/, "<strong>$1</strong>. ");

 

[Jose Merchan]

Funciona gracias