通过div而不是类

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视为伪选择器

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