[CSS] Element auf AMO-Seiten ausblenden

  • Auf den AMO-Seiten der einzelnen Erweiterungen soll ein Element ausgeblendet werden.

    Beispielseite: https://addons.mozilla.org/de/firefox/addon/tab-mix-plus/

    Der Kasten mit den Abschnitten Oft verwendet mit…, Teile dieser Sammlungen und Weitere Add-ons von soll ausgeblendet werden.

    Ich kann die drei Teile einzeln ausblenden, aber es bleibt ein verkleinerter leerer Kasten übrig.
    Ich weiß nicht, wie das ganze Element anzusprechen ist.
    Ausblenden über die Klasse primary island c blendet auch noch weitere Elemente aus.

  • Schon mal per "Element untersuchen" gearbeitet? Dafür ist es (auch) da :idea:
    Das sind deine Stichwörter

    Zitat

    <section class="primary island c">

    <section id="recommendations-grid"> … </section>
    <section id="collections-grid"> … </section>
    <section id="author-addons"> … </section>

    </section>

  • Bernd, die Stichwörter beantworten nicht die Frage. Genau darauf war aborix doch seiner Beschreibung nach selbst schon gekommen. Oder wie löst du damit die Fragestellung?

    Der eindeutige (weil er nur das gewünschte Element anspricht) Selektor ist:
    section.primary:nth-child(11)

    Jedes Element kann eindeutig angesprochen werden. Das benutzte Werkzeug ist direkt in Firefox integriert:

    [Blockierte Grafik: http://s7.directupload.net/images/130902/temp/4dhk7uwk.png]

  • Dann verstehe ich die Fragestellung nicht. Klassisch wäre gewesen, die Untersektionen auszublenden.
    Aber nth-child(11) sehe ich da nicht, das müsstest du mir bitte ausführlicher schildern. ich weiss was es macht, aber das section.primary passt bei mir nicht rein.

  • Zitat von Sören Hentzschel


    Der eindeutige (weil er nur das gewünschte Element anspricht) Selektor ist:
    section.primary:nth-child(11)


    Ja schon, aber das Element ist nicht immer das 11. und dann klappt das nicht,
    z.B.: https://addons.mozilla.org/de/firefox/add…est-addblocker/

    Es ist, zumindest auf allen von mir untersuchten Seiten, jedenfalls immer das dritte und letzte der Klasse primary island c. Geht hier etwas mit nth-child(3) oder last-child o.ä.?

  • Zitat von Bernd.

    Dann verstehe ich die Fragestellung nicht. Klassisch wäre gewesen, die Untersektionen auszublenden.
    Aber nth-child(11) sehe ich da nicht, das müsstest du mir bitte ausführlicher schildern. ich weiss was es macht, aber das section.primary passt bei mir nicht rein.

    Probiers doch einfach aus. ;) Wenn du die drei Untersektionen ausblendest, bleibt der Container immer noch vorhanden. Verwende den von mir genannten Selektor auf der verlinkten Seite und der Container ist wirklich weg.

    Wenn sich der Aufbau bei verschiedenen Add-ons unterscheidet und es sich nicht immer um das elfte Element handelt, dann ist das problematisch, dann wird man mit CSS hier an Grenzen stoßen. Mit JavaScript wäre das natürlich kein Problem anzusprechen.