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

AndryRas Messages postés 1 Statut Membre -  
jjaco Messages postés 575 Statut Membre -
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.

1 réponse

  1. jjaco Messages postés 575 Statut Membre 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
    1. jjaco Messages postés 575 Statut Membre 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