Ich versuche, den Text dieses Inhalts zu verbergen:kann nicht Link verstecken
<div class="avrow"><a href="http://www.altervista.org" class="avlink disclaimer">Powered by Altervista Mailing List</a></div>
Ich habe versucht:
.avrow > .avlink disclaimer > a
{
visibility: hidden;
}
nicht scheint irgendwie zu arbeiten, wie kann ich dieses Problem beheben?
Ihr a Tag hat die Klasse und .disclaimer. Daher ist die Reihenfolge Ihres CSS falsch und wenn Sie 2 Klassen für ein Element haben, müssen Sie beide Klassennamen anhängen.
.avrow > a.avlink.disclaimer {
display:none;
}<div class="avrow"><a href="http://www.altervista.org" class="avlink disclaimer">Powered by Altervista Mailing List</a></div>Wenn Sie versuchen, ein bestimmtes Element HIDDE, können Sie die Nächsten versuchen: von Css
display: none
von HTML's tag:
<div hidden>Your element, could be others elements as well</div>
der Text: von Altervista Powered ist sogar sichtbar – AgainMe
Seltsam ... Haben Sie Ihren Browser-Cache nach der Änderung CSS Stil reinigen? Ich werde es in meinem Computer versuchen und dann lasse ich Sie wissen ... –
@AgainMe Es funktioniert ... Ich nehme an, aber vielleicht ist CSS-Datei so umfangreich (das könnte ein Problem sein, wenn Sie es aktualisieren ...), solltest du den Cache deines Browsers säubern ... –
Das Problem ist, dass die .avlink Klasse nicht ein Kind ein, aber auf dem gleichen Niveau ist.
Im Folgenden wird erreichen, was Sie gehen:
.avrow > a.avlink
{
visibility: hidden;
}
http://jsbin.com/holivirofe/edit?html,css,js,output für ein Arbeits Beispiel.
Sie sind hier:
.avrow {
display: none;
}
Es zwei gemeinsame Wege der Elemente in CSS versteckt. Die erste ist die visibility Eigenschaft, die Sie verwendet haben. Dies verbirgt das Element einfach, behält aber seine Eigenschaften wie Größe und Ränder bei. Daher sieht es so aus, als ob es das Element nicht "versteckt". Die andere Möglichkeit ist die display Eigenschaft. Wenn Sie die Eigenschaft display auf hidden setzen, wird der HTML-Code effektvoll gerendert, als wäre das Element nicht vorhanden. Dies bedeutet, dass die anderen Elemente nicht von der versteckten beeinflusst werden.
Auch Ihre CSS-Selektor ist falsch, es schlägt vor, dass ein Ankerelement unter sein sollte. Ihre Wähler eigentlich sein sollte:
.avrow>a.avlink.disclaimer
.avrow > a
{
visibility: hidden;
}
Sie auch eine der Klassennamen nehmen könnte, wie ich unten war.
.disclaimer {
\t display: none;
}
.disclaimer {
\t visibility: hidden
}
Gut arbeiten, danke. – AgainMe