css中類選擇器和元素選擇器聯合使用分析
阿新 • • 發佈：2018-12-26
<html> <head> <style type="text/css"> .bb p { color:red; } .bb td { color: red; } p.bb { color: green; } </style> </head> <body> css類選擇器和元素選擇器聯合使用方法淺析：<hr> <li> 如果你使用的是element.class的方式來過濾元素的話，比如上面的p.bb，那麼你的bb必須是在元素p裡面的,而且中間是不可以有空格的。 </li> <li>如果你使用的是class.element的方式來過濾元素的話，那麼你的class必須是在此元素的父元素裡面定義才行，比如.bb p,它就必須定義在可以包含的p元素的元素裡面，而且它們中間是必須要有空格分割開的。 </li> <div class="bb"> <p>test</p> </div> <table class="bb"> <tr> <td>dada</td> </tr> </table> <p class="bb">green</p> </body> </html>