Question

我有一张看起来像这样的表。

编辑 - 我重新提取代码。我认为这个问题现在更有意义了。（答案可能不会）

  <div class="view view-latest-news-view view-id-latest_news_view view-display-id-latest_news_block_1 view-dom-id-1">
     <div class="views-admin-links views-hide">
     </div>
  <div class="view-content">
  <table class="views-view-grid">
     <tr class="row-1 row-first">
        <td class="col-1">
        </td>
     </tr>   
  <table>
  </div>
</div>

如何只处理“view-latest-news-view”类包含的“views-view-grid”表？像这样......

.view-latest-news-view table.views-view-grid  {
    border-collapse:separate;
    border: 1px solid red;
}

**结束编辑**

谢谢！

**答案：** 这有用......但也许我可以更具体一点？

.view-latest-news-view .views-view-grid  {
    border-collapse:separate;
    border: 1px solid red;
}

Answer 1

这不起作用，因为<table class="views-generic-grid">未包含在具有类views-admin-links的任何元素中。（你打开div然后立即关闭它，所以它没有孩子。）

所以当你这样说时：

如何只处理“views-admin-links”类包含的“views-generic-grid”表？

答案是你不能，因为“views-admin-links”类的元素中没有“views-generic-grid”表。

将div扩展为围绕表格，或者选择与.views-admin-links不同的选择器。

Answer 2

现在标记的方式，你不能，你必须扩展.views-admin-links以包围整个.views-generic-grid表，然后你可以编写一个这样的选择器：

.views-admin-links .views-generic-grid

css选择器问题

2 个答案: