Присвоение классов элементам через CSS

Я хотел бы сказать браузеру, чтобы назначить определенные классы CSS элементам, соответствующим определенному селектору. Могу ли я сделать это с чистым CSS и если да, то как?

Пример: я хочу, чтобы все элементы h5 внутри div с id sidebar имели класс ui-corners-all

Ответ 1

Нет, это невозможно с чистым CSS.

Только с JavaScript:

// jQuery
$("h5").addClass("ui-corners-all");

// Pure JavaScript
var elements = document.getElementsByTagName("h5");
for (var i=0; i<elements.length; i++)
{
  var el = elements[i];      
  el.setAttribute( "class", el.getAttribute("class") + " ui-corners-all" );
}

Ответ 2

Невозможно назначить это значение этим элементам в чистом CSS.

Вам нужно будет сделать:

#sidebar h5
{

}

Затем скопируйте все стили из класса ui-corners-all в это.

Или, наоборот, измените CSS ui-corners-all на:

.ui-corners-all, #sidebar h5
{    

}

Ответ 3

Нет, вы не можете. Однако вы можете использовать Javascript (jQuery) для достижения этого эффекта.