Une règle CSS peut-elle sélectionner la partie d'une boîte contenant du texte (ou un bloc inline)?
Par exemple, un fragment HTML comme Le renard brun rapide a sauté sur le chien paresseux peut être disposé comme ceci: si je crée une règle CSS comme existe un moyen de spécifier un sélecteur tel que, sur chaque ligne, seul le texte réel a une fond rouge? Je remarque que par défaut, le curseur passe de "flèche" à "i-faisceau" quand il est effectivement sur le texte; Lorsque c'est ailleurs dans la zone de paragraphe, pas sur le texte, il s'agit d'une flèche et non d'une poutre I. si je spécifie une règle explicite comme p {arrière-plan: rouge} alors le boîte entière / rectangle aura un fond rouge, y compris le "blancspace" à la fin de chaque ligne. p {curseur: crosshair} C'est effectif partout dans la boîte rectangulaire. Encore une fois, est-il possible d'avoir une règle sélectionnée uniquement lorsque le curseur est effectivement sur le texte?
3 Réponses :
Ce que vous pouvez faire est d'envelopper le texte dans un élément span , puis de définir les propriétés et curseur . < / p>
Il n'y a aucun moyen de faire exactement ce que vous voulez aussi loin que je le sais, car les sélecteurs CSS ne correspondent pas à des nœuds de texte. Vous devriez envelopper le texte dans une portée, puis styer la portée.
Juste un simple extrait de code pour aider peut-être:
Ajout d'un style ou de deux extra .. Je n'en ai pas besoin. J'espère que cela aide .. p>
p {
background-color: gray;
width: 700px;
height: 500px;
margin:auto;
}
span {
background-color: red;
width: 500px;
height: 200px;
border: 2px blue;
border-style: dotted dashed;
font-size: 2em;
display: block;
margin:auto;
}
est-ce faux?? Je suis nouveau au développement Web, toute suggestion ou correction des services de correction aiderait sûrement au lieu d'un vote ..