Zastępowanie właściwości CSS, które nie mają wartości domyślnych
Czy w CSS jest możliwe zastąpienie właściwości, jeśli ta właściwość nie ma wartości domyślnej?
Na przykład powiedzmy, że podstawowy arkusz stylów definiuje obramowanie dla określonego elementu:
<code>#element { border: 1px solid #000; } </code>
Jeśli chcesz wyłączyć obramowanie z dodatkowego arkusza stylów, możesz to zrobić:
<code>#element { border: none; } </code>
Zakładając, że drugi arkusz stylów został załadowany po podstawowym arkuszu stylówborder: none
zasada będzie miała pierwszeństwo i usunie granicę.
Ale co jeśli próbujesz zastąpić właściwość, która nie ma wartości domyślnej lub zerowej?
<code>#element { position: absolute; left: 0; } </code>
Teraz powiedzmy, że w swoim dodatkowym arkuszu stylów chciałeś to zrobić:
<code>#element { right: 0; top: 0; } </code>
I nie chciałeś żadnej wartościleft
. Nie ma czegoś takiego jakleft: none;
, więc ... w jaki sposób „odradzasz”left
właściwość przypisana w głównym arkuszu stylów?