Note that there are some explanatory texts on larger screens.

plurals
  1. POLESS Nested Rule &
    primarykey
    data
    text
    <p>Due to comments I add that <code>.vmiddle, .vmiddle td, .vmiddle th</code> doesn't work in my case because I'm using bootstrap and it defines <code>.table thead &gt; tr &gt; th, .table tbody &gt; tr &gt; th, .table tfoot &gt; tr &gt; th, .table thead &gt; tr &gt; td, .table tbody &gt; tr &gt; td, .table tfoot &gt; tr &gt; td</code> with vertical-align: top;</p> <p>which take precedence.</p> <p>I want to perform this css:</p> <pre><code>.vmiddle, table.vmiddle thead tr td, table.vmiddle tfoot tr td, table.vmiddle tbody tr td, table.vmiddle thead tr th, table.vmiddle tfoot tr th, table.vmiddle tbody tr th, table thead.vmiddle tr td, table tbody.vmiddle tr td, table tfoot.vmiddle tr td, table thead.vmiddle tr th, table tbody.vmiddle tr th, table tfoot.vmiddle tr th, table thead tr.vmiddle td, table tbody tr.vmiddle td, table tfoot tr.vmiddle td, table thead tr.vmiddle th, table tbody tr.vmiddle th, table tfoot tr.vmiddle th, table thead tr td.vmiddle, table thead tr th.vmiddle, table tbody tr td.vmiddle, table tbody tr th.vmiddle, table tfoot tr td.vmiddle, table tfoot tr th.vmiddle { vertical-align: middle; } </code></pre> <p>somehow i get it to work with this rules :</p> <pre><code>.vmiddle { vertical-align:middle; &amp; { table&amp; { &amp; thead , tfoot, tbody { tr, { td, th { vertical-align: middle; } } } } thead&amp;, tbody&amp;, tfoot&amp; { table &amp; { tr { td, th { vertical-align: middle; } } } } tr&amp; { thead &amp;, tbody &amp;, tfoot &amp; { table &amp; { td, th { vertical-align: middle; } } } } td&amp;, th&amp; { tr &amp; { thead &amp;, tbody &amp;, tfoot &amp; { table &amp; { vertical-align: middle; } } } } } } </code></pre> <p>but looks actually more complicated than the standard soluction :D Is there any shorter way to do it and without defining vertical-align:middle 5 times ?</p>
    singulars
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload