如何更改reStructuredText中表格单元格的背景颜色？

Question

继How to use color in text with ReStructured Text (rst2html.py) or how to insert HTML tags without blank lines?我能够设置一个表格中文字的背景下，这样的：

.. role:: gbg 

.. raw:: html 

    <style> 
     .gbg {background-color:#00ff00;} 
    </style> 

+-------+----------------+-------+---------+-------+---------+ 
| UTC+1 | (d-s)   | UTC-6 | (zo) | UTC-7 | (za) | 
+=======+================+=======+=========+=======+=========+ 
| 15:00 | :gbg:`avail` | 8:00 |   | 7:00 |   | 
+-------+    +-------+---------+-------+   + 
| 15:30 |    | 8:30 |   | 7:30 |   | 
+-------+----------------+-------+---------+-------+---------+ 

导致单词“果”为后面的字母绿色背景，但我怎么可以使整个细胞有一个彩色背景，而不仅仅是这些字母背后的部分？

Answer 1

它未完善的javascript：

.. role:: gbg 

.. raw:: html 

    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script> 
    <script> 
    $(document).ready(function() { 
     $('.gbg').parent().addClass('gbg-parent'); 
    }); 
    </script> 
    <style> 
     .gbg-parent {background-color:#00ff00;} 
    </style> 

+-------+----------------+-------+---------+-------+---------+ 
| UTC+1 | (d-s)   | UTC-6 | (zo) | UTC-7 | (za) | 
+=======+================+=======+=========+=======+=========+ 
| 15:00 | :gbg:`avail` | 8:00 |   | 7:00 |   | 
+-------+    +-------+---------+-------+   + 
| 15:30 |    | 8:30 |   | 7:30 |   | 
+-------+----------------+-------+---------+-------+---------+ 

Answer 2

休息：

.. table:: 
    :class: rows 

    +-------+----------------+-------+---------+-------+---------+ 
    | UTC+1 | (d-s)   | UTC-6 | (zo) | UTC-7 | (za) | 
    +=======+================+=======+=========+=======+=========+ 
    | 15:00 | avail   | 8:00 |   | 7:00 |   | 
    +-------+    +-------+---------+-------+   + 
    | 15:30 |    | 8:30 |   | 7:30 |   | 
    +-------+----------------+-------+---------+-------+---------+ 

CSS：

table.rows th { 
    background-color: #ede; 
    border-style: solid solid solid solid; 
    border-width: 0px 0px 0px 0px; 
    border-color: #AAAAAA; 
    text-align: center; 
} 
table.rows td { 
    border-style: solid solid solid solid; 
    border-width: 0px 0px 0px 0px; 
    border-color: #AAAAAA; 
} 

table.rows tr { 
    border-style: solid solid solid solid; 
    border-width: 0px 0px 0px 0px; 
    border-color: #AAAAAA; 
} 

table.rows tr:nth-child(even) { 
    background-color: #F3F3FF; 
} 
table.rows tr:nth-child(odd) { 
    background-color: #FFFFEE; 
}