:first-child (selettore CSS e jQuery) riguarda il primo Elemento HTML della selezione. E’ equivalente a :nth-child(1).
Sintassi
:first-child {
/* codice */
}
Esempi
<table>
<tr><td>1</td><td>2</td><td>3</td></tr>
<tr><td>4</td><td>5</td><td>6</td></tr>
<tr><td>7</td><td>8</td><td>9</td></tr>
<tr><td>10</td><td>11</td><td>12</td></tr>
<tr><td>13</td><td>14</td><td>15</td></tr>
</table>
<style>
tr:first-child {
background-color: yellow;
}
</style>
| 1 | 2 | 3 |
| 4 | 5 | 6 |
| 7 | 8 | 9 |
| 10 | 11 | 12 |
| 13 | 14 | 15 |
<style>
ol > :first-child {
background-color:yellow;
}
</style>
<ol>
<li>a</li>
<li>b</li>
<li>c</li>
</ol>
<ol>
<li>d</li>
<li>e</li>
<li>f</li>
</ol>
- a
- b
- c
- d
- e
- f
Contenuti correlati
- CSS
- HTML
- JavaScript
- jQuery
- PHP
- SQL
- WORDPRESS
0 Comment