例如：排除表格的第一行
/*除了表格的第一行其他都显示为红色*/
table tr+tr{ background-color:red;/*除了表格的第一行其他都显示为红色*/ }
2.表示匹配class为row下面的有class以“col-”字段开头的所有div
.row div[class^='col-']{ height:99.9%; }延伸 排除第三个div
<style> div{width:200px;height:200px;text-align:center;line-height:200px;font-size:18px} div[id*=button]{background-color:pink} </style> <body> <div id="button_1">第一个div</div> <div id="button_2">第二个div</div> <div id="bun_1">第三个div</div> </body>
3.匹配button里面name="sub"
button[name=sub]{background-color:pink} <button name="sub"></button> <button name="add"></button> <button name="sub"></button> <button name="add"></button>
4.匹配 table里面包含th的tr
$("#tbl>tr:has(th)") //查找第一个tr <table id="tbl"> <tr> <th></th> <th></th> <th></th> </tr> <tr> <td></td> <td></td> <td></td> </tr> </table>
not class的方法匹配到第一个tr
$("#tbl tr:not([class])") <table id="tbl"> <tr> <th></th> <th></th> <th></th> </tr> <tr class="132456"> <td></td> <td></td> <td></td> </tr> <tr class="34356"> <td></td> <td></td> <td></td> </tr> </table>
转载于:https://www.cnblogs.com/pengfei25/p/7568348.html
相关资源：对于一些css样式的巧妙方法进行总结(推荐)