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

Fermé
AndryRas Messages postés 1 Date d'inscription mercredi 15 janvier 2014 Statut Membre Dernière intervention 15 janvier 2014 - 15 janv. 2014 à 14:23
jjaco Messages postés 530 Date d'inscription dimanche 20 janvier 2008 Statut Membre Dernière intervention 2 juin 2024 - 15 janv. 2014 à 14:49
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 530 Date d'inscription dimanche 20 janvier 2008 Statut Membre Dernière intervention 2 juin 2024 45
15 janv. 2014 à 14:43
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 530 Date d'inscription dimanche 20 janvier 2008 Statut Membre Dernière intervention 2 juin 2024 45
15 janv. 2014 à 14:49
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