通过div更改CSS而不是类

Question

我使用的应用程序只允许我更改网页的CSS。

开发人员为2个不同的按钮（上一个和下一个按钮）创建一个step_btn类，我想单独更改每个按钮的CSS。

我试图通过在div id来进行更改，但什么都没有发生......

这里是页面代码：

<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 {} 

是它我尝试失败或网页没有正确解释我的代码？

感谢您的帮助！

Answer 1

使用属性选择器将id作为一个字符串括起来。

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

在使用id选择—像#j_id0:j_id78 —其实解析器会考虑j_id0作为id和:j_id78作为pseudoselector

注：无需在属性前面指定div元素，因为id应该在页面中是唯一的。