Alors j'ai essayé: et diverses autres choses que j'ai trouvées ici. (! important code>, * code> au lieu du corps, ...)
Je l'ai même essayé pour un élément spano avec cette classe au lieu de l'élément TD.
Rien n'a fonctionné. P> <html>
<body>
<table><tr><td class="cc">text</td></tr></table>
Other text to not ne shown.
</body>
</html>
3 Réponses :
Pourquoi ne vous définissez-vous pas simplement pour tout pour tout pour tout et le bloc de votre classe:
Votre corps entier sera caché et car .cc est à l'intérieur du corps, il ne montrera pas. L'effet de cela est le même que de ne pas définir votre deuxième règle du tout
Vous ne pouvez pas montrer la classe .cc car son corps caché intérieur! u peut faire cela si vous voulez
p>
<p>text get's hidden</p>
<p class="cc">text doesn't get hidden</p>
<p>
hello world!
</p>Vous aurez besoin de quelque chose comme celui-ci
p>
<table>
<tr>
<td>hide</td>
</tr>
<tr>
<td class="cc">show</td>
</tr>
<div>Other text to not be shown.</div>
</table>
Vous avez travaillé sur mon fichier HTML, mais c'est très fragile. Lorsque au lieu du texte brut "Afficher" à l'aide de montre à l'intérieur du td , il ne fonctionne plus non plus. - et il ne masque pas le texte simplement entre le
J'ai ajouté "autre texte à ne pas être affiché". dans ma question par exemple. Qui n'est pas capturé par le CSS actuel. : / Pourriez-vous aider s'il vous plaît?
@John Vous devez envelopper ce texte dans un élément pour le masquer, vous ne pouvez pas cibler les nœuds de texte avec CSS. Alors enveloppez-le avec un div par exemple et il se cachera automatiquement. J'ai mis à jour ma réponse pour refléter cela. Veuillez éditer votre question et non la réponse à moins que la modification ne soit en formatage ou n'ayant aucun intérêt contradictoire.
Je serais assez surpris si ce texte n'est pas modifié par CSS. - Je regrette d'avoir une réponse trop rapide acceptée votre réponse, mais c'était en partie à cause de ma question qui ne se pose pas assez dans la première version de sa première version. Je suis à peu près sûr qu'il y a beaucoup plus facile CSS pour cibler le td . - Ai-je éditer votre réponse? Je ne me souviens pas.
@John avec votre balisage donné, il n'est pas un moyen plus facile de cibler le TD car il est imbriqué dans des éléments de table et vous ne pouvez tout simplement pas masquer les éléments de la table ou le TD ne sera caché. En ce qui concerne le noeud de texte, à moins que vous ne l'enveloppez, il n'y a aucun moyen de le cibler dans CSS
Vous avez probablement raison. Je laisserai la question ouverte pendant quelques jours. Je ne voulais pas sonner de toute façon difficile, je suis tout simplement toujours surpris que, même avec les normes WWW élaborées, des choses apparemment faciles sont compliquées. Bien que l'utilisation de * {affichage: aucun} cache même la nonction de texte non emballée, il est donc accessible via CSS au moins. - Je me souviens même d'avoir lu une fois il y a quelques années combien de fois ces textes non emballés sont traités par les navigateurs en conséquence aux normes, mais j'ai oublié où je l'ai lu. : / - Est-ce probablement placé dans l'arbre Dom comme frère de frère de l'élément de corps?
@John Désolé, mais votre surprise est due à votre manque de compréhension de la CSS et de la façon dont cela fonctionne. * est dû au fait que cela cible tous les sélecteurs qui inclut la balise corporelle et la balise HTML, si vous masquez l'étiquette du corps, le texte est bien sûr masqué, mais donc tout le reste et ce que vous voulez. Il est tout aussi simple d'envelopper votre texte avec quelque chose et d'être honnête, 99,9% du temps, le texte brut est enveloppé dans quelque chose qui n'est pas l'étiquette du corps.
Ce HTML n'est pas valide. La balise
ne peut contenir que et tags, et rien d'autre. Documentation . Vous fermez également une balise P inexistante lorsque vous devez être fermeturespan .Juste faire
corps *: pas (.cc) {....} Mais si vous essayez d'afficher letd , alors vous devez faire la ligne de table / table affichée ainsi que. Vous auriez besoin de fournir un code plus spécifique pour nous dire exactement ce qui doit être montré.@Amy je n'aurais pas dû ajouter cette deuxième partie, car elle n'appartient pas vraiment à ma question. S'il vous plaît excuser cela. J'ai supprimé cette partie maintenant.
@Huangisme: ne fonctionne pas. Fait le même que
corps: non (.cc) {....}@John j'ai mis à jour mon commentaire. Le code fonctionne si vous avez juste un élément avec la classe CC. Basé sur votre titre, on dirait que vous souhaitez montrer un TD qui peut devenir plus compliqué. Lire mon commentaire mis à jour précédent et mettre à jour la question
La question serait plus claire et plus facile à répondre si vous avez explicitement indiqué ce que "rien n'a travaillé" signifie. Par exemple. Cela pourrait signifier que l'affichage
: aucun n'a été appliqué à rien, ou cela pourrait signifier qu'elle a été appliquée à tout, ou cela pourrait signifier quelque chose de complètement différent.