- Home
- Categorie
- Coding e Sistemistica
- HTML e CSS
- assegnare classe css diversa al primo carattere di una variabile
-
assegnare classe css diversa al primo carattere di una variabile
Ciao a tutti,
ho la necessità di assegnare una classe con un colore diverso a una singola lettera di un codice. Mi spiego meglio: nel db ho un campo di testo dove vengono memorizzati dei codici del tipo: A - 226 - Kwh/mq. Successivamente vengono estratti e viene assegnata alla variabile estratta una classe css con del tipo: <span class="clener">A - 226 - Kwh/mq</span>. Ora devo fare in modo che il primo carattere del testo abbia un colore diverso e quindi una classe diversa. Devo ottenere un risultato del genere: <span class="clener01">A</span><span class="clener02">- 226 - Kwh/mq</span>. Avete idea di come procedere? non vorrei mettere mani al al codice e db per dividere la voce in due sottovoci...
Grazie a tutti anticipatamente
SpT
-
Prova a fare cosi.
clener:first-letter{color:#F00}
-
Grazie Marco, non conoscevo questo tag... colora praticamente il primo carattere della stringa?
-
Si prova ad esempio questo codice che ho appena fatto, ad esempio puoi giocare sul dare un determinato colore al div attraverso una classe, e alla sua prima lettera un colore e una grandezza diversa.
[PHP]<html>
<head>
<style type="text/css">
body
{
background: #FFFFCC;
}
.miodiv
{
color:#ff0000;
font-size:20px;
}
.miodiv:first-letter
{
color:#0000FF;
font-size:40px;
}
</style>
</head>
<body>
<div class="miodiv">Ciao</div>
<div class="miodiv">Dal</div>
<div class="miodiv">Forum GT</div>
</body>
</html>[/PHP]
-
ottima e semplice soluzione.. ti ringrazio molto
SpT
-
Alla prossima.
