[CSS] wskazywanie jedynie obowiązującego selektora Opcje

[stellatus]

Czy jest w CSS takie polecenie, które wskazuje, że dany selektor jest jedynie obowiązujący, a wszystkie pozostałe o tej samej nazwie mają być ignorowane? Chodzi mi o coś w stylu:

Kod

blockquote::before [b][u]!!!ONLY THIS IS VALID[/u][/b] {
    display: inline;
    width: 1em;
    margin: 0 auto;
    position: initial;
    z-index: -1;
    left: 0;
    right: 0;

Czyli, jeżeli istnieją jeszcze inne selektory o tej samej nazwie i zwierają one inne atrybuty, to te atrybuty też mają być zignorowane, np.:

Kod

blockquote::before {
    left: 5;
    right: 5;
    top: 20px;
    font: 40px;
    cursor: default;
    vertical-align: bottom;
    content: "\e056";

Ten selektor nie byłby wskazany jako obowiązujący, więc wszystkie jego wartości byłyby skreślone.

Jest coś takiego możliwe w CSS?

[stellatus]

Spoko. Problem chyba jest rozwiązany. Plik style.css w child theme WordPressa chyba ma właściwość, której potrzebuję. Wygląda na to, że wszelkie selektory jakie tam wpiszę są jedynie obowiązujące. Jutro będę to jeszcze testował i dam znać.

Edycja:
Jednak się pomyliłem, ale wymyśliłem, że można byłoby usuwać JS-em fragmenty arkusza, które są niepotrzebne, np.:

Kod

function ShowResults(element, index) {
  document.styleSheets[NUMBER X].cssRules[NUMBER Y].style.removeProperty(element)
            }
            let input = document.styleSheets[NUMBER X].cssRules[NUMBER Y].style
            let inputList = Array.prototype.slice.call(input)
            inputList.forEach(ShowResults)

Edycja:
Rozwiązanie jednak marne. Każda przeglądarka indeksuje arkusze stylów inaczej. To raczej trzeba zrobić poprzez jakąś kwerendę, a nie wskazywanie konkretnych indeksów.

Ten post edytował stellatus 23.04.2020, 13:34:32