如何定义自动出现的ul样式

Question

我的xhtml页面包含代码

 <h:form id="stackForm">
      <p:orderList  id="stack"> ... </p:orderList>
 </<h:form>

它会生成html

<form id="stackForm">
     <table id="stackForm:stack"> 
        <ul class="ui-widget-content ui-orderlist-list ui-corner-all ui-sortable"><li>...</li></ul>
     </table>
</form>

如何设置 ul 的样式？

我尝试过这种风格但没有成功

#stackForm:stack ul {
    background-color: aliceblue;
}

Answer 1

form#stackForm table#stackForm\:stack ul{
    background-color:red;
}

这应该有用。

Answer 2

有效。你只需要做两件事。

1. 在您的选择器中转义:

2. 将UL放入TR和TD

   <style>
       #stackForm\:stack ul {
           background-color: red;
       }
   </style>
   
   <form id="stackForm">
       <table id="stackForm:stack"> 
           <tr>
               <td>
                   <ul> ... </ul>
       </table>
   </form>
   

http://jsfiddle.net/y5eq8d2s/1/