[Opgelost][XHTML]CSS toepassen op één woord

[Joshua822]

Hallo allemaal!

Ik heb een vraagje, hoe kan ik op één woord CSS-toepassen? Dat ene woord staat al in een tag: <p>, en ik wil niet dezelfde CSS-stijl niet op de hele paragraaf toepassen. Een genest <p> element geeft niet het gewenste resultaat, want dan komt het woord op een nieuwe lijn te staan.

Iemand een idee? Alvast bedankt!

[Brumm3l]

Voeg aan die ene <p> een id toe. Je krijgt dan:

Code: [Selecteer]

<p id="EenWoord">woord</p>
In je CSS voeg je dan toe:

Code: [Selecteer]

#EenWoord{
font-color: 'je kleur code' ;
}
Edit: Je post niet helemaal goed gelezen. Ik denk even verder...

Na even verder denken:

Style toevoegen aan de pagina:

Code: [Selecteer]

<style type="text/css">
h9 {color:red}
</style>
De aangepast woorden dan vangen in de volgende tags:

Code: [Selecteer]

<h9>Tekst</h9>

[Gymnasiast]

Probeer een span. Bijvoorbeeld:

Code: [Selecteer]

In deze zin zit een
<span class="vet">vet</span>
 woord.
En dan in css:

Code: [Selecteer]

.vet
{
margin: 0 0 0 0;
padding: 0 0 0 0;
font-weight: bold; <-- Voorbeeld. Vervangen door de bedoelde opmaak
}

[Joshua822]

Bedankt voor de antwoorden! Het antwoord van Gymnasiast was het antwoord wat ik zocht!

[commandoline]

Code: [Selecteer]

.vet
{
margin: 0 0 0 0;
padding: 0 0 0 0;
font-weight: bold; <-- Voorbeeld. Vervangen door de bedoelde opmaak
}

Ik ben het ermee eens dat een span hier de beste oplossing is, maar volgens mij heeft margin en padding op 0 zetten hier geen zin. (Span is standaard een inline element.)

Het zou dan dus worden:

Code: [Selecteer]

In deze zin zit een <span class="bold">vet</span> woord.
en in de CSS:

Code: [Selecteer]

.bold {
    font-weight:bold; /* Voorbeeld natuurlijk... */
}
Nog een stukje korter

[merijnie]

En nog een tip: als je bij margin en padding voor de vier (4) waarden 0 wil gebruiken, volstaat het van één maal 0 te typen.
Dit zorgt voor 0 bij alle vier de waarden.