Peter: CSS: match all, exclude one

SELF-Forum

CSS: match all, exclude one

Peter
– Informationen zu den Bewertungsregeln

Hallo und guten Tag.

Für ein print css bräuchte ich: alles auf "display:none" stellen, außer einem div, wobei das div an der Position

body -> article -> div

steht. Dem div kann ich beliebig id und/oder class zuweisen. Es hat Kindelemente (img, p), die ebenfalls gedruckt werden sollen. Beim Suchen im Netz finde ich zu diesem Problem höchst wiedersprüchliche Aussagen. Deshalb meine Frage an die hier versammelte Sachkompetenz :-)

Danke, vG,

Peter

Beitrag melden
–
Informationen zu den Bewertungsregeln

  1. CSS: match all, exclude one

    JürgenB Homepage des Autors
    – Informationen zu den Bewertungsregeln

    Hallo,

    wäre not etwas für dich?

    Gruß
    Jürgen

    Beitrag melden
    –
    Informationen zu den Bewertungsregeln

    1. CSS: match all, exclude one

      Peter
      – Informationen zu den Bewertungsregeln

      Ja, danke. Werde testen.

      Beitrag melden
      –
      Informationen zu den Bewertungsregeln

  2. CSS: match all, exclude one

    marctrix Homepage des Autors (Versionen)
    – Informationen zu den Bewertungsregeln

    Hej Peter,

    Für ein print css bräuchte ich: alles auf "display:none" stellen, außer einem div, wobei das div an der Position

    body -> article -> div

    steht.

    "Alles" selektierst du mit dem Universal-Selektor *

    Das div dass du vermutlich auf block setzen möchtest, kannst du vermutlich so selektieren, wie du es geschrieben hast - nur die Minus-Zeichen weglassen (Kind-Selektor).

    Vergiss die Nachfahren des div nicht (Nachfahren-Selektor)!

    Allerdings: wenn das funktioniert ist das HTML falsch. Da fehlt das main-Element!

    Marc

    Beitrag melden
    –
    Informationen zu den Bewertungsregeln

    1. CSS: match all, exclude one

      Gunnar Bittersmann Homepage des Autors
      – Informationen zu den Bewertungsregeln

      @@marctrix

      Allerdings: wenn das funktioniert ist das HTML falsch. Da fehlt das main-Element!

      Und es ist vermutlich ein article-Element zu viel.

      Anders gesagt: Das article-Element wäre gern ein main-Element.

      LLAP 🖖

      --
      “When UX doesn’t consider all users, shouldn’t it be known as ‘Some User Experience’ or... SUX? #a11y” —Billy Gregory
      Beitrag melden
      –
      Informationen zu den Bewertungsregeln

      1. CSS: match all, exclude one

        marctrix Homepage des Autors (Versionen)
        – Informationen zu den Bewertungsregeln

        Hej Gunnar,

        @@Gunnar Bittersmann

        Allerdings: wenn das funktioniert ist das HTML falsch. Da fehlt das main-Element!

        Und es ist vermutlich ein article-Element zu viel.

        Anders gesagt: Das article-Element wäre gern ein main-Element.

        Mal sehen, wer am Ende recht hat: ich glaube, das article-Element wäre gern ein main-Element und div-Element wäre gern ein article-Element.

        Also kein articlezu viel. 😉

        Wer bietet mehr Vorschläge?

        So müssen sich Entwickler fühlen, die Rendering-Entscheidungen für den Quirks-Modus treffen…

        Marc

        Beitrag melden
        –
        Informationen zu den Bewertungsregeln

  3. CSS: match all, exclude one

    drdf
    – Informationen zu den Bewertungsregeln 
    body > :not(article)
, body > article > :not(.printable)
{
  display: none;
}

    Dem div kann ich beliebig id und/oder class zuweisen.

    <div class="printable">...
    Beitrag melden
    –
    Informationen zu den Bewertungsregeln