我无法理解这种类型的css用法

Question

这很奇怪，但我无法理解以下css用法。

combine

我知道randomForest ，这意味着.containertable table { ... }

Answer 1

这意味着：

<div class='containertable'>
    <table> <!-- This table here or any other table under '.containertable' -->
        ....

班级.containertable中的任何表格都会受到.containertable table {中放置的CSS规则的影响。

这并不意味着它是一个直接的后代，只是table内的任何containertable元素都会受到影响。

这还包括：

<div class='containertable'>
    <div class='anotherClass'>
        <table> <!-- this is also effected by the CSS -->

Answer 2

它将选择所有table元素，这些元素位于具有类containertable的元素内

另见：CSS selectors Selecting an element only when inside another element

Answer 3

.containertable table { ... }地址：

<div class='containertable'>
  <table></table>
</div>

Answer 4

这意味着：所有具有class =“containertable”的任何类型的直接或间接父元素的表

https://www.w3schools.com/cssref/sel_element_element.asp

可以是：

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

或：

<div class="containertable">
 <h3> </h3>
 <table> </table>
</div>

或：

<div class="containertable">
  <div class="someclass">
     <table> </table>
  <div>
</div>

但不是：

<table class="containertable">
</table>

或：

<table>
 <tr class="containertable"> </tr>
</table>