Changer tous les premiers caractères d'un <p>

AndryRas Messages postés 1 Date d'inscription   Statut Membre Dernière intervention   -  
jjaco Messages postés 534 Date d'inscription   Statut Membre Dernière intervention   -
Bonjour à tous,
Besoin d'aide s'il vous plait... Dans mon code j'ai des fonctions qui utilise:
$(function(){
	$("#premcaract").click(function(){
		$("p:first-letter").css('font-weight',$("#premcaract option:selected").val())
		});
	});


et voici la cible:
</div>
      <div id="premcaract">
    <label for="prem-car-phrases">Prem caract phrases</label>
    <select id="prem-car-phrases">
          <option value="Normal">Normal</option>
          <option value="bold">Gras</option>
        </select>
  </div>

Avec un #contenu contenant plusieurs <p> mais les premiers caractères ne changent pas. Si vous pouvez m'aider s'il vous plait.
Cordialement.
A voir également:

1 réponse

jjaco Messages postés 534 Date d'inscription   Statut Membre Dernière intervention   45
 
voici le code css que j'ai utlisé:
article,p
{
text-align:justify;
font-family:"comic sans ms";
padding:10px 30px 10px 30px;
font-size: 16pt;
line-height: 20pt;
}
p::first-letter
{
font-family:'comic sans ms';
font-size: 300%;
color:#CC00CC;
font-weight: bold;
float: left;
margin-right:0px;
margin-bottom:10px;
}
0
jjaco Messages postés 534 Date d'inscription   Statut Membre Dernière intervention   45
 
donc c'est uniquement css, il n'y a pas de javascript et le html est tout a fait normal, il n'y a rien à ajouter.
0