WOOT - WooCommerce Active Products Tables

Ist es möglich, das CSS nur einer einzelnen Tabellenzelle anzupassen?

Ja!

  • Wenn der Inhalt der Zelle konstant ist, können Sie die erzeugte CSS-Klasse verwenden, wie auf dem Screenshot zu sehen: hashXXXXXX
  • Außerdem hat jede Zelle eine CSS-Klasse, die vom Feld der jeweiligen Tabellenzelle abhängt
  • Außerdem hat die Tabellenzelle data-Attribute: data-pid, data-key, data-field
    td[data-pid="13287"][data-key="price"]{
        background: red;
    }
    
    td[data-pid="14281"][data-key="price"]
    { 
        background: green; 
    }
  • Wie Sie oben sehen, lassen sich mit zwei data-Attributen gezielt einzelne Tabellenzellen anpassen – so können Sie Zellen derselben Spalte in verschiedenen Zeilen nach Bedarf unterschiedlich gestalten
  • Kleinere Anpassungen nehmen Sie im Reiter „Eigenes CSS (Custom CSS)“ vor: