<td> ...</td>
...
...
...
<td class="is-sticky">...</td> <-- want to apply style here
<td class="is-sticky">...</td> <-- no styles here
En el código anterior. Probablemente haya varias columnas pegajosas después de la primera. Pero el estilo que quiero agregar es solo para la primera columna.
CSS puro : seleccione cada elemento de la clase que sea hermano de la misma clase> inviértalo y seleccione la clase nuevamente.
:not(.is-sticky ~ .is-sticky).is-sticky {
color: red;
}
<table>
<tr>
<td> .asdasd..</td>
<td class="is-sticky">.. Frist .</td>
<td class="is-sticky">... Second</td>
<td class="is-sticky">... Third</td>
</tr>
</table>
Puede agregar múltiples clases a un elemento como este
<td class="is-sticky yourCSSClass">
agregue otra clase a la primera
"class ="is-sticky first-column"
Luego, en css, puede llamar fácilmente solo a la primera columna.
.first-column .is-sticky {
color: white;
etc;
}