[css] Prima lettera ok... ma prima parola?

Ciao a tutti, sto cercando di fare in modo che la "prima parola" venga messa in grassetto...con la prima lettera lo so fare..ma qual'è il codice della prima parola?
css:

Codice PHP:

---

.boxtext:first-child {
font-weight: bold;
}


---

pagina:

Codice PHP:

---

<div class="boxtext">
Questa è una riga dove deve essere inserito nel testo (in qst riga la prima parola dovrà essere in grassetto!)<br /><br />
Questa è una riga dove deve essere inserito nel testo.<br /><br />
Questa è una riga dove deve essere inserito nel testo...
</div>


---

Grazie 1000...ciao Davide! ^__________^

Da quello che so non è possibile tramite CSS trasformare direttamente la prima parola, ma, come dici giustamente anche tu, solo la prima lettera.

L'unica sarebbe inserire la prima parola in uno <span> e l'altro lasciarlo come è :wink:

non c'è uno pseudo-elemento per la prima parola: puoi solo raggiungere la prima lettera con :first-letter, o la prima riga con :first-line

come sopra, uno span sembra la soluzione più saggia

Ok..ho fatto così!:

Codice PHP:

---

.boxtext prima {
font-weight: bold;
}


---

Codice PHP:

---

<prima>Questa</prima>


---

Scusate ma se io creo un tag (come questo)...nella validazione me lo da errato?
Se si..perchè?

perché non esiste?

Prova a fare in una pagina vuota "<prima>testo</prima>"..e vedi! :wink:
Io (nella mia testa) ho pensato che tramite css si potrebbero creare dei tag...o no?

Funziona ma non è corretto secondo gli standard :wink:

Basta che fai:

Codice HTML:

---

.bold {
    font-weight: bold;
}

---

e nella pagina:

Codice HTML:

---

<span class="bold">Questa</span>

---

paranoia on :mrgreen:

Il tuo suggerimento non è corretto semanticamente: le classi e gli id usati nel css dovrebbero suggerire il significato degli elementi della pagina a cui si applicano, e non come essi appaiono. Nomi come giallo o bold sono sconsigliati, meglio evidenziato, importante, oppure, in questo caso, qualcosa tipo prima-parola:

Codice:

---

.prima-parola { font-wight: bold; }

---

Codice HTML:

---

<p><span class="prima-parola">Questa</span> è la prima parola.</p>

---

Ma dai dreadnaut..ci arrivato fin qui! :PPPPPPP...
Ciaooo! ;)