Q&A
HTML構文エラーです。また、試されたCSSも全て提示してください。
前提・実現したいこと
tableタグで4列目の最後のtdだけに赤線をひきたい
発生している問題・エラーメッセージ
4列目の最後のtdに赤線が反映されない。
該当のソースコード
html
1 <table border="1"> 2 <tr> 3 Ï <td>/td> 4 <td ></td> 5 <td></td> 6 <td></td> 7 <td></td> 8 </tr> 9 10<tr> 11 Ï <td>/td> 12 <td ></td> 13 <td></td> 14 <td></td> 15 <td></td> 16 </tr> 17 18<tr> 19 Ï <td>/td> 20 <td ></td> 21 <td></td> 22 <td></td> 23 <td></td> 24 </tr> 25 26<tr> 27 Ï <td>/td> 28 <td ></td> 29 <td></td> 30 <td></td> 31 <td></td> 32 </tr> 33 </table>
試したこと
&:nth-of-type(4)に:last-childを指定したが反映されなかった。
補足情報（FW/ツールのバージョンなど）
ここにより詳細な情報を記載してください。
回答1件
0
ベストアンサー
「4列目の最後のtd」が、「最後の行の4列目のtd」であるという前提で回答します。
css
1table tr:last-child > td:nth-child(4) { 2 text-decoration: underline; 3 text-decoration-color: red; 4}
投稿2020/05/16 12:25
総合スコア2982
あなたの回答
tips
プレビュー
