Изменение CSS через div, а не класс

Question

Я использую приложение, которое позволяет мне изменять только CSS веб-страницы.

Разработчики создают класс step_btn для двух различных кнопок (предыдущая и следующая кнопка), и я хочу изменить CSS каждой кнопки отдельно.

Я пытался внести изменения через сОн ид, но ничего не произошло ...

Вот код страницы:

<div id="j_id0:j_id73" class="navbuttonsContainer"> 
    <div id="j_id0:j_id74" style="height:35px;overflow:visible;position:relative;" class="rowElem"> 
     <div id="j_id0:j_id78" class="btnWrapper"> 
     <a class="step_btn" onclick="saveAndGoTo('next')" title="Next Page"> 
      <span id="j_id0:nextBtn">Next Page</span> 
     </a> 
     </div> 
     <div id="j_id0:j_id81"></div> 
    </div> 
</div> 

Вот мои попытки:

#j_id0:j_id78 
div#j_id0:j_id78 {} 
div#j_id0:j_id78 .step_btn {} 

Is это мои попытки потерпели неудачу, или веб-страница неправильно интерпретирует мой код?

Благодарим за помощь!

Answer 1

использовать селектор атрибутов, чтобы заключить id в виде строки, например.

[id="j_id0:j_id78"] .step_btn { ... } 

В самом деле, используя id селектор — как для #j_id0:j_id78 — анализатор будет рассматривать j_id0 как id и :j_id78 как pseudoselector

Примечание: нет необходимости указывать div элемент перед атрибутом, так как id должен быть уникальным на странице.