CSS nth-child(数値)で指定した行にCSSを適用する
環境
Google Chrome 106.0.5249.119
Windows 10 Home 64bit
構文
セレクタ:nth-child (数値){
}
同じ親要素を持つ子要素の指定した数値の行に適用します。
使用例
<!DOCTYPE html> <html> <head> <style> tr:nth-child(3) { background-color: skyblue; } </style> </head> <body> <table> <tr><td>tokyo</td></tr> <tr><td>222</td></tr> <tr><td>333</td></tr> </table> </body> </html>
結果
文字「333」の背景色が変わります。