Question

您好我有一个应用了Css角色的通用DIV。

我想知道CSS是否允许在DIV中设置HTML标记的样式（仅适用于具有该角色的DIV），该标记具有Css角色。

请让我知道你的想法。感谢您抽出宝贵时间。

   <div class="Role">
    <table></table>
    </div>

    .Role
    {
    // Style for <table> tag.
    }

Answer 1

.role > table {
    /* styles here */
}

Answer 2

使用您需要的角色类设置div格式的表格

.Role table {
  //style for table tag
}

Answer 3

确实可以使用descendant selector：

.Role table {
    // Style for <table> element.
}

或使用child selector：

.Role > table {
    // Style for <table> element.
}

Answer 4

您可以使用.Role table选择器。

Answer 5

您有几种选择：

后代选择器选择器.Role table，例如，选择是否应用包含在元素中的所有表，无论如何，使用类Role。
< / LI>
子选择器 .Role > table会将关联的规则应用于具有类Role

例如，考虑一下这个html片段：

<div class="Role">
    <table id="t1">
      <tr><td>
        <table id="t2">
          ....
        </table>
      </td></tr>
    </table>
    </div>

。角色表将css规则应用于表＃t1 和表#t2
.Role＆gt;表格将css规则应用于表＃t1 仅
.Role＆gt; table table将规则应用于表＃t2 跳过到表＃t1

Answer 6

见the CSS selectors - pattern matching。您可以使用以下其中一项，具体取决于您的需求：

.Role * { ... } /* matches any tag in div class="Role" */
.Role > * { ... } /* matches any tag which is direct child of div class="Role" */

您可以将*替换为任何特定的选择器（标签，类等）

是否可以将HTML属性应用于CSS中的Div标签？

6 个答案: