Est-il un sélecteur CSS pour sélectionner du texte (inline blocs) à l'intérieur d'une boîte rectangulaire?

Peut une règle CSS sélectionnez la partie de la boîte, qui contient du texte (ou un inline block)?

Par exemple, un fragment HTML comme <p>The quick brown fox jumped over the lazy dog</p> peuvent être disposés comme ceci:

+--------------------------+
|  The quick brown fox     |
|  jumped over the         |
|  lazy dog                |
+--------------------------|

Si je crée une règle CSS comme p { background: red } puis l'ensemble de la zone/rectangle sur fond rouge, y compris les "espaces" à la fin de chaque ligne.

Est-il un moyen de spécifier un sélecteur de telle sorte que, sur chaque ligne, seul le texte a un fond rouge?

J'ai remarqué que, par défaut, le curseur change de "flèche" à "i-beam" lorsqu'il fait plus de texte; quand il est d'ailleurs à l'intérieur de la boîte de dialogue paragraphe, pas plus de texte, puis c'est une flèche, pas un i-beam.

Si je spécifier une règle explicite comme p { cursor: crosshair } alors qu'il est efficace partout au sein de la zone rectangulaire. Encore une fois, est-il possible d'avoir une règle qui est sélectionné uniquement lorsque le curseur est en fait plus de texte?

OriginalL'auteur ChrisW | 2009-08-14

  1. 9

    Ce que vous pouvez faire est d'envelopper le texte dans un span élément, puis définissez la fond et curseur propriétés.

    OriginalL'auteur remi

  2. 7

    Il n'y a pas moyen de faire exactement ce que vous voulez pour autant que je suis au courant parce que les sélecteurs CSS ne correspondent pas à des nœuds de texte. Vous auriez à le texte à la ligne dans un span et puis le style de la plage.

    OriginalL'auteur mishac

  3. -1

    juste un simple extrait de code pour peut-être aider:

    ajouté un style ou deux de plus..pas nécessaire.. espérons que cela aide..

    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 mal?? je suis nouvelle dans le développement web, des suggestions ou des corrections serait certainement aider au lieu de seulement un vote..

    OriginalL'auteur Neil