Можно ли получить только одно свойство из класса CSS?

Question

Пример CSS-файла:

.testClass {
color: black;
background: red; }

Теперь в файле HTML я хотел бы иметь что-то вроде

<span class="testClass:color">Text in black but without red background</span>

, чтобы применять только свойство цвета этого класса.

Есть ли способ сделать это?

Цель, стоящая за этим (для людей, задающих себе вопрос: «Черт, почему он этого хочет, это не чистое использование CSS!»), Заключается в том, что я использую jQuery UIтемы, и я хотел бы, чтобы вся страница соответствовала теме при изменении.Поскольку не все виды элементов (например, цвет ссылки) охватываются этими темами, в этих случаях я хотел бы «украсть» свойство цвета (но не более) какого-либо другого класса CSS темы пользовательского интерфейса jQuery.Если есть другой способ сделать это, конечно, я тоже рад это слышать!

Answer 1

Нет, ты не можешь.Но вы можете изменить это свойство следующим образом

<span class="testClass" style="background:none; ">
      Text in black but without red background
 </span>

ИЛИ

.testClass {
color: black;
background: red;
}

.testClassNoBack {
background: none;
}

<span class="testClass testClassNoBack" >
      Text in black but without red background
 </span>

Answer 2

Конечно, это можно сделать с помощью js и некоторой креативности, но это займет некоторое время с использованием document.styleSheets и соответствующих ему правил, как описано здесь .Но я не рекомендовал бы это, потому что правила для document.styleSheets отличаются от браузера к браузеру.Раствор Салила стал чище, и я бы сказал, что способ css еще быстрее.

Answer 3

нет, вы не можете. Вы должны создать новый класс для этого случая.