My div container is hosting a table and I have a requirement to set the height of all rows, except the first one, to a specific value. Additionally, I need to adjust the text size in each column excluding the first row:
This snippet shows my current html:
<style>
#divFileSet
{
border:0px solid gray;
position:absolute;
top:170px;
left:170px;
overflow:visible;width:1020px;height:450px;
}
</style>
This part of the code displays the content of the html file:
<div id="divFileSet" >
<table cellspacing ="3px"; cellpadding="3px" style="border:1px solid gray;">
<tr>
<td colspan="2" style="font-size:large; color:white; background-color:#005482;">
<span>File Status:</span>
</td>
</tr>
<tr>
<td></td>
<td><a href="...">Session 1</a></td><br/>
</tr>
<tr>
<td></td>
<td><a href="..."> Session 2</a></td><br/>
</tr>
<tr>
<td></td>
<td><a href="...">Session 3</a></td><br />
</tr>
</table>
</div>
The output from this html looks like this:
https://i.sstatic.net/Oa4aT.png
I specifically need to modify the height and text for rows 2-4.
Is there a way to achieve this using just css?