Column combinator
Experimental: ì´ ê¸°ë¥ì ì¤íì ì¸ ê¸°ë¥ì
ëë¤.
íë¡ëì
íê²½ìì ì¬ì©í기 ì ì ë¸ë¼ì°ì í¸íì± í를 주ì ê¹ê² íì¸íì¸ì.
ì»¬ë¼ ê²°í©ì (||)ë CSS ì íì ì¬ì´ì ìì¹í©ëë¤. ì´ë 첫ë²ì§¸ ì íìì ìí´ ì¼ì¹ëë ì»¬ë¼ ììì ìíë ëë²ì§¸ ì íìì ì¼ì¹ëë ììë¤ë§ì 매ì¹í©ëë¤.
css
/* "selected" 컬ë¼ì ìí í
ì´ë¸ ì
*/
col.selected||td {
background: gray;
}
구문
css
/* || ê²°í©ì 주ìì 공백ì ì íì´ì ê¶ì¥ ì¬íì
ëë¤. */
column-selector || cell-selector {
/* style properties */
}
ìì
>HTML
html
<table border="1">
<colgroup>
<col span="2" />
<col class="selected" />
</colgroup>
<tbody>
<tr>
<td>A</td>
<td>B</td>
<td>C</td>
</tr>
<tr>
<td colspan="2">D</td>
<td>E</td>
</tr>
<tr>
<td>F</td>
<td colspan="2">G</td>
</tr>
</tbody>
</table>
CSS
css
col.selected||td {
background: gray;
color: white;
font-weight: bold;
}
ê²°ê³¼
ëª ì¸ì
| Specification |
|---|
| Selectors Level 4 > # selectordef-column > |