diff --git a/src/Css/CssMerger.php b/src/Css/CssMerger.php
index b71391331..f7603916a 100644
--- a/src/Css/CssMerger.php
+++ b/src/Css/CssMerger.php
@@ -697,6 +697,12 @@ protected function mergeDescendantSelectors($inherit, $tag, $attr, $classes)
 			return;
 		}
 
+		// Content of a table cell pushes no block level, so its descendant rules are the cell's
+		if (isset($this->cssManager->tablecascadeCSS[$this->cssManager->tbCSSlvl])) {
+			$this->mergeDescendantCss($this->cssManager->tablecascadeCSS[$this->cssManager->tbCSSlvl], $tag, $attr, $classes);
+			return;
+		}
+
 		$level = $this->getBlockLevel($inherit);
 		if (!isset($this->mpdf->blk[$level]['cascadeCSS'])) {
 			return;
diff --git a/tests/Mpdf/ImagePercentageInTableCellTest.php b/tests/Mpdf/ImagePercentageInTableCellTest.php
index fffc7f7f1..ff5cdf527 100644
--- a/tests/Mpdf/ImagePercentageInTableCellTest.php
+++ b/tests/Mpdf/ImagePercentageInTableCellTest.php
@@ -56,40 +56,6 @@ private function middleOfThree($content)
 		return $this->table([['33.3333%', 'one'], ['33.3333%', $content], ['', 'three']]);
 	}
 
-	/**
-	 * Where each image on a page is placed, keyed w/h/x in millimetres
-	 *
-	 * @param string $html
-	 * @param int $page Counted from 0
-	 *
-	 * @return array[]
-	 */
-	private function placements($html, $page = 0)
-	{
-		$pages = $this->pages($this->render($html));
-		$this->assertArrayHasKey($page, $pages);
-		preg_match_all('/([-\d.]+) 0 0 ([-\d.]+) ([-\d.]+) [-\d.]+ cm \/I\d+ Do/', $pages[$page], $matches, PREG_SET_ORDER);
-
-		return array_map(function ($match) {
-			return ['w' => $match[1] / Mpdf::SCALE, 'h' => $match[2] / Mpdf::SCALE, 'x' => $match[3] / Mpdf::SCALE];
-		}, $matches);
-	}
-
-	/**
-	 * The width of the only image on the first page, in millimetres
-	 *
-	 * @param string $html
-	 *
-	 * @return float
-	 */
-	private function drawnWidth($html)
-	{
-		$placements = $this->placements($html);
-		$this->assertCount(1, $placements);
-
-		return $placements[0]['w'];
-	}
-
 	/**
 	 * Lengths given as percentages, each in the middle of three 60mm columns, and an absolute length that means the
 	 * same in a cell as anywhere else
@@ -138,7 +104,7 @@ public function testThePictureLeavesTheColumnWidthsAlone()
 	{
 		$html = $this->table([['20%', 'one'], ['20%', $this->image('max-width: 100%')], ['60%', 'three']]);
 
-		$placement = $this->placements($html)[0];
+		$placement = $this->imagePlacements($html)[0];
 		$this->assertEqualsWithDelta(36, $placement['w'], 0.05);
 		$this->assertEqualsWithDelta(15 + 36, $placement['x'], 0.05);
 	}
@@ -164,7 +130,7 @@ public function testInANestedTableAPercentageIsOfTheInnerCell()
 			. $this->image('width: 100%') . '</td></tr></table>';
 		$html = $this->table([['50%', 'one'], ['50%', $inner]]);
 
-		$placement = $this->placements($html)[0];
+		$placement = $this->imagePlacements($html)[0];
 		$this->assertEqualsWithDelta(45, $placement['w'], 0.05);
 		$this->assertEqualsWithDelta(15 + 90 + 45, $placement['x'], 0.05);
 	}
@@ -224,8 +190,8 @@ public function testARotatedTableMovedToANewPageSizesItsPictureAgainstTheCell()
 			. '<td style="width: 70mm; padding: 0">' . $this->image('width: 70mm') . '</td>'
 			. '<td style="width: 40mm; padding: 0">' . $this->image('max-width: 100%') . '</td></tr></table>';
 
-		$this->assertEqualsWithDelta(40, $this->placements($table)[1]['w'], 0.05, 'at the top of a page');
-		$this->assertEqualsWithDelta(40, $this->placements('<div style="height: 200mm"></div>' . $table, 1)[1]['w'], 0.05, 'moved to a new page');
+		$this->assertEqualsWithDelta(40, $this->imagePlacements($table)[1]['w'], 0.05, 'at the top of a page');
+		$this->assertEqualsWithDelta(40, $this->imagePlacements('<div style="height: 200mm"></div>' . $table, 1)[1]['w'], 0.05, 'moved to a new page');
 	}
 
 	/**
diff --git a/tests/Mpdf/PageStreams.php b/tests/Mpdf/PageStreams.php
index b576fd11e..e2c275601 100644
--- a/tests/Mpdf/PageStreams.php
+++ b/tests/Mpdf/PageStreams.php
@@ -254,6 +254,60 @@ private function clipAndPlacement($stream)
 		return [$matches[1], ['w' => $cm[0], 'h' => $cm[3], 'x' => $cm[4], 'y' => $cm[5]]];
 	}
 
+	/**
+	 * Where each image on a page is placed, keyed w/h/x in millimetres
+	 *
+	 * @param string $html
+	 * @param int $page Counted from 0
+	 *
+	 * @return array[]
+	 */
+	private function imagePlacements($html, $page = 0)
+	{
+		$pages = $this->pages($this->render($html));
+		$this->assertArrayHasKey($page, $pages);
+		preg_match_all('/([-\d.]+) 0 0 ([-\d.]+) ([-\d.]+) [-\d.]+ cm \/I\d+ Do/', $pages[$page], $matches, PREG_SET_ORDER);
+
+		return array_map(function ($match) {
+			return ['w' => $match[1] / Mpdf::SCALE, 'h' => $match[2] / Mpdf::SCALE, 'x' => $match[3] / Mpdf::SCALE];
+		}, $matches);
+	}
+
+	/**
+	 * The width of the only image on the first page, in millimetres
+	 *
+	 * @param string $html
+	 *
+	 * @return float
+	 */
+	private function drawnWidth($html)
+	{
+		$placements = $this->imagePlacements($html);
+		$this->assertCount(1, $placements);
+
+		return $placements[0]['w'];
+	}
+
+	/**
+	 * The fill colour each piece of text on the first page is drawn in, keyed by that text
+	 *
+	 * @param string $html
+	 *
+	 * @return string[]
+	 */
+	private function textColours($html)
+	{
+		$pages = $this->pages($this->render($html));
+		preg_match_all('/q ([\d. ]+ (?:rg|g)) .*?\((.*?)\) Tj/', $pages[0], $drawn, PREG_SET_ORDER);
+
+		$colours = [];
+		foreach ($drawn as $text) {
+			$colours[$text[2]] = $text[1];
+		}
+
+		return $colours;
+	}
+
 	/**
 	 * $needle appears $count times in the string for page $page and not at all in the others
 	 */
diff --git a/tests/Mpdf/PositionedBlockSelectorTest.php b/tests/Mpdf/PositionedBlockSelectorTest.php
index 453e0567f..c0f002f1a 100644
--- a/tests/Mpdf/PositionedBlockSelectorTest.php
+++ b/tests/Mpdf/PositionedBlockSelectorTest.php
@@ -25,7 +25,7 @@ class PositionedBlockSelectorTest extends TestCase
 	 */
 	public function testClassDescendantRulesReachTheContentOfAnAbsoluteBlock()
 	{
-		$colours = $this->colours('<style>
+		$colours = $this->textColours('<style>
 			.box td { color: #ff0000; }
 			.box p { color: #00aa00; }
 			.box { color: #0000ff; }
@@ -45,7 +45,7 @@ public function testClassDescendantRulesReachTheContentOfAnAbsoluteBlock()
 	 */
 	public function testIdDescendantRulesReachTheContentOfAFixedBlock()
 	{
-		$colours = $this->colours('<style>#side p { color: #ff0000; }</style>
+		$colours = $this->textColours('<style>#side p { color: #ff0000; }</style>
 			<div id="side" style="position: fixed; top: 10mm; left: 20mm; width: 100mm;"><p>fixed p</p></div>');
 
 		$this->assertSame(self::RED, $colours['fixed p']);
@@ -56,7 +56,7 @@ public function testIdDescendantRulesReachTheContentOfAFixedBlock()
 	 */
 	public function testTheContentIsAChildOfTheBlockItself()
 	{
-		$colours = $this->colours('<style>.box div p { color: #ff0000; }</style>
+		$colours = $this->textColours('<style>.box div p { color: #ff0000; }</style>
 			<div class="box" style="position: absolute; top: 100mm; left: 20mm; width: 100mm;"><p>direct p</p><div><p>nested p</p></div></div>');
 
 		$this->assertSame(self::BLACK, $colours['direct p']);
@@ -68,7 +68,7 @@ public function testTheContentIsAChildOfTheBlockItself()
 	 */
 	public function testTheRulesOfOneBlockDoNotReachTheNext()
 	{
-		$colours = $this->colours('<style>.box p { color: #00aa00; }</style>
+		$colours = $this->textColours('<style>.box p { color: #00aa00; }</style>
 			<div class="box" style="position: absolute; top: 20mm; left: 20mm; width: 100mm;"><p>boxed p</p></div>
 			<div style="position: absolute; top: 100mm; left: 20mm; width: 100mm;"><p>plain p</p></div>');
 
@@ -76,24 +76,4 @@ public function testTheRulesOfOneBlockDoNotReachTheNext()
 		$this->assertSame(self::BLACK, $colours['plain p']);
 	}
 
-	/**
-	 * The fill colour each piece of text on the first page is drawn in, keyed by that text
-	 *
-	 * @param string $html
-	 *
-	 * @return string[]
-	 */
-	private function colours($html)
-	{
-		$pages = $this->pages($this->render($html));
-		preg_match_all('/q ([\d. ]+ (?:rg|g)) .*?\((.*?)\) Tj/', $pages[0], $drawn, PREG_SET_ORDER);
-
-		$colours = [];
-		foreach ($drawn as $text) {
-			$colours[$text[2]] = $text[1];
-		}
-
-		return $colours;
-	}
-
 }
diff --git a/tests/Mpdf/TableCellDescendantSelectorTest.php b/tests/Mpdf/TableCellDescendantSelectorTest.php
new file mode 100644
index 000000000..0aa9f7899
--- /dev/null
+++ b/tests/Mpdf/TableCellDescendantSelectorTest.php
@@ -0,0 +1,102 @@
+<?php
+
+namespace Mpdf;
+
+/**
+ * A descendant rule naming a table, row or cell reaches the content of the cell, inline and block alike.
+ */
+class TableCellDescendantSelectorTest extends \Yoast\PHPUnitPolyfills\TestCases\TestCase
+{
+
+	use PageStreams;
+
+	const RED = '1.000 0.000 0.000 rg';
+
+	/**
+	 * A table of one cell holding the given content, in a div, under the given stylesheet
+	 *
+	 * @param string $css
+	 * @param string $content
+	 *
+	 * @return string
+	 */
+	private function table($css, $content)
+	{
+		return '<style>' . $css . '</style><div class="d"><table class="t"><tr class="r"><td class="c">' . $content . '</td></tr></table></div>';
+	}
+
+	/**
+	 * A picture 292px wide, 77.3mm at 96dpi
+	 *
+	 * @return string
+	 */
+	private static function image()
+	{
+		return '<img class="x" src="' . __DIR__ . '/../data/img/bayeux2.jpg">';
+	}
+
+	/**
+	 * Rules that should reach a picture in the cell, and the cell content holding it
+	 *
+	 * @return array[]
+	 */
+	public static function matchingRules()
+	{
+		return [
+			'cell and tag' => ['td img', self::image()],
+			'the whole chain' => ['table tr td img', self::image()],
+			'classes' => ['.t .r .c .x', self::image()],
+			'cell class and tag' => ['td.c img', self::image()],
+			'a block outside the table' => ['div.d img', self::image()],
+			'a table nested in the cell' => ['td.c img', '<table><tr><td>' . self::image() . '</td></tr></table>'],
+		];
+	}
+
+	/**
+	 * @dataProvider matchingRules
+	 *
+	 * @param string $selector
+	 * @param string $content
+	 */
+	public function testARuleReachesAPictureInTheCell($selector, $content)
+	{
+		$this->assertEqualsWithDelta(20, $this->drawnWidth($this->table($selector . ' { max-width: 20mm; }', $content)), 0.01);
+	}
+
+	/**
+	 * A rule for a cell of another class leaves the picture alone
+	 */
+	public function testARuleForAnotherCellDoesNotMatch()
+	{
+		$width = $this->drawnWidth($this->table('td.other img { max-width: 20mm; }', self::image()));
+
+		$this->assertEqualsWithDelta(292 * 25.4 / 96, $width, 0.01);
+	}
+
+	/**
+	 * Rules that should colour the word "red" in the cell
+	 *
+	 * @return array[]
+	 */
+	public static function textRules()
+	{
+		return [
+			'inline' => ['td span', 'plain <span>red</span>'],
+			'block' => ['td p', '<p>red</p>'],
+		];
+	}
+
+	/**
+	 * @dataProvider textRules
+	 *
+	 * @param string $selector
+	 * @param string $content
+	 */
+	public function testARuleReachesTextInTheCell($selector, $content)
+	{
+		$colours = $this->textColours($this->table($selector . ' { color: #ff0000; }', $content));
+
+		$this->assertSame(self::RED, $colours['red']);
+	}
+
+}
diff --git a/tests/Snapshots/TableCellDescendantSelectorSnapshotTest.php b/tests/Snapshots/TableCellDescendantSelectorSnapshotTest.php
new file mode 100644
index 000000000..01628c7e8
--- /dev/null
+++ b/tests/Snapshots/TableCellDescendantSelectorSnapshotTest.php
@@ -0,0 +1,142 @@
+<?php
+
+namespace Snapshots;
+
+/**
+ * Stylesheet rules with a descendant selector naming a table, row or cell, reaching the images, inline elements and
+ * blocks inside the cell (#223, mpdf/mpdf#420).
+ *
+ * @group snapshot
+ */
+class TableCellDescendantSelectorSnapshotTest extends Snapshot
+{
+
+	/**
+	 * The fixture's name
+	 *
+	 * @return string
+	 */
+	public function getId()
+	{
+		return 'table-cell-descendant-selector';
+	}
+
+	/**
+	 * Tables whose content is styled only by rules naming the table, row or cell, each under a caption saying what
+	 * should be seen, then a table in a positioned block
+	 */
+	public function generatePdf()
+	{
+		ob_start();
+		?>
+		<style>
+			table { border-collapse: collapse; margin-bottom: 2mm; }
+			td, th { border: 0.2mm solid #999999; padding: 1mm; vertical-align: top; }
+			h2 { margin: 5mm 0 1mm 0; font-size: 11pt; }
+			p.caption { margin: 0 0 2mm 0; font-size: 8pt; color: #606060; }
+
+			td img { max-width: 100%; }
+			td.thumb img { max-width: 20mm; border-radius: 3mm; }
+
+			table.chain tr td span { color: #c0392b; font-weight: bold; }
+			.grid .row .cell .mark { background-color: #f9e79f; }
+			td.note p { color: #1f3a93; font-style: italic; margin: 1mm 0; }
+			td.note ul { margin: 0; }
+			td.note li { color: #0a7d32; }
+			td.plain p { color: #b3006b; }
+
+			div.report td em { color: #8e44ad; text-decoration: underline; }
+			div.elsewhere td em { color: #ff0000; font-size: 16pt; }
+
+			td.outer td b { color: #d35400; }
+
+			thead th span { color: #ffffff; background-color: #1f3a93; }
+			tfoot td span { color: #7a4a00; font-style: italic; }
+			tbody td small { color: #0a7d32; }
+
+			#side td span { color: #ffffff; background-color: #16a085; }
+		</style>
+
+		<h1>Descendant rules reaching into table cells</h1>
+
+		<h2>Pictures sized by td img and td.thumb img</h2>
+		<p class="caption">Three 60mm columns. The first two pictures fill their cells; the thumbnail stops at 20mm with rounded corners.</p>
+		<table style="width: 100%">
+			<tr>
+				<td width="33.3333%"><img src="img/bayeux2.jpg" width="400"></td>
+				<td width="33.3333%"><img src="img/bayeux2.jpg" width="600"></td>
+				<td class="thumb"><img src="img/bayeux2.jpg" width="400"></td>
+			</tr>
+		</table>
+
+		<h2>Tag and class chains</h2>
+		<p class="caption">Red bold words from table.chain tr td span; yellow highlight from .grid .row .cell .mark.</p>
+		<table class="chain grid">
+			<tr class="row">
+				<td class="cell">Plain, <span>red and bold</span>, plain</td>
+				<td class="cell">Plain, <b class="mark">highlighted</b>, <span class="mark">both</span></td>
+			</tr>
+		</table>
+
+		<h2>Blocks in a cell, chosen by the cell's class</h2>
+		<p class="caption">Blue italic paragraph and green list items in td.note; magenta paragraph in td.plain; nothing in the unclassed cell.</p>
+		<table>
+			<tr>
+				<td class="note"><p>A note paragraph</p><ul><li>First item</li><li>Second item</li></ul></td>
+				<td class="plain"><p>A plain paragraph</p></td>
+				<td><p>An unstyled paragraph</p></td>
+			</tr>
+		</table>
+
+		<h2>Rules naming a block outside the table</h2>
+		<p class="caption">Purple underlined emphasis from div.report td em; the div.elsewhere rule, which would make it large and red, does not apply.</p>
+		<div class="report">
+			<table>
+				<tr><td>Some <em>emphasised</em> words</td></tr>
+			</table>
+		</div>
+
+		<h2>A table nested in a cell</h2>
+		<p class="caption">Orange bold in the inner table from td.outer td b; the bold directly in the outer cell, not in a td inside it, stays black.</p>
+		<table>
+			<tr>
+				<td class="outer">
+					<b>Outer bold</b>
+					<table>
+						<tr><td>Inner <b>bold</b></td></tr>
+					</table>
+				</td>
+			</tr>
+		</table>
+
+		<h2>Header, body and footer cells</h2>
+		<p class="caption">White on blue in the header, green notes in the body and brown italic in the footer.</p>
+		<table style="width: 100%">
+			<thead>
+				<tr><th><span>Row</span></th><th><span>Description</span></th></tr>
+			</thead>
+			<tfoot>
+				<tr><td colspan="2"><span>End of the table</span></td></tr>
+			</tfoot>
+			<tbody>
+				<?php for ($i = 1; $i <= 3; $i++) { ?>
+				<tr><td><?php echo $i; ?></td><td>Row <?php echo $i; ?> <small>(note <?php echo $i; ?>)</small></td></tr>
+				<?php } ?>
+			</tbody>
+		</table>
+
+		<h2>A table in a positioned block</h2>
+		<p class="caption">White on teal words from #side td span, in the block positioned at the bottom right of this page.</p>
+		<div id="side" style="position: absolute; bottom: 20mm; right: 15mm; width: 70mm; border: 0.3mm dashed #16a085; padding: 2mm;">
+			<table><tr><td>Fixed <span>cell text</span></td></tr></table>
+		</div>
+		<?php
+		$html = ob_get_clean();
+
+		$this->mpdf = $this->createMpdf();
+		$this->mpdf->SetBasePath(__DIR__ . '/../data');
+
+		$this->mpdf->WriteHTML($html);
+	}
+
+}
diff --git a/tests/data/snapshots/image-border-radius.pdf b/tests/data/snapshots/image-border-radius.pdf
index 7ea831e33..73f781e88 100644
Binary files a/tests/data/snapshots/image-border-radius.pdf and b/tests/data/snapshots/image-border-radius.pdf differ
diff --git a/tests/data/snapshots/table-cell-descendant-selector.pdf b/tests/data/snapshots/table-cell-descendant-selector.pdf
new file mode 100644
index 000000000..056e20efb
Binary files /dev/null and b/tests/data/snapshots/table-cell-descendant-selector.pdf differ