<style>
.first > li:first-child { color: red; background-color: lightgray; }
.last > li:last-child { color: blue; background-color: lightgray; }
.only > li:only-child { color: red; background-color: lightgray; }
</style>
<ul class="first">
<li>先頭
<li>中間
<li>最終
</ul>
<ul class="last">
<li>先頭
<li>中間
<li>最終
</ul>
<ul class="first last only">
<li>先頭
<li>中間
<li>最終
</ul>
<ul class="only">
<li>唯一
</ul>
<style>
table.ex { border-collapse: collapse; }
table.ex th { border: 1px blue solid; background-color: lightblue; }
table.ex td { border: 1px blue solid; }
.first2 td:first-child { color: red; background-color: lightgray; }
.last2 td:last-child { color: blue; background-color: lightgray; }
.only2 td:only-child { color: white; background-color: blue; }
</style>
<table class="ex first2 last2 only2">
<tr><th>th<th>th<th>th<th>th<th>th</tr>
<tr><th>th<td>td<td>td<td>td<th>th</tr>
<tr><th>th<td>td<td>td<td>td<td>td</tr>
<tr><td>td<td>td<td>td<td>td<th>th</tr>
<tr><td>td<td>td<td>td<td>td<td>td</tr>
<tr><th colspan="2">th<td colspan="3">td</tr>
<tr><td colspan="5">only td</tr>
</table>
th | th | th | th | th |
---|
th | td | td | td | th |
---|
th | td | td | td | td |
---|
td | td | td | td | th |
---|
td | td | td | td | td |
th | td |
---|
only td |