Estoy usando un software que no es muy específico en su nombre/orientación. Estoy tratando de segmentar una fila que contiene la etiqueta Intereses. No puedo agregar nuevas clases.
Esto funciona demasiado bien:
.resultsList .row:nth-child(2) {color:red;}El texto rojo aparece en cualquier parte del sitio web que usa .resultsList. Necesito apuntar específicamente a las etiquetas de resultados que solo tienen Intereses dentro de este modo:
<div class="row"> <div class="result-label col-tn-3">Interests</div> <div class="result-value col-tn-9">Sailing</div> </div>¿Alguna ayuda? Intenté segmentar usando toda la clase en Intereses, pero también puse en rojo otras filas que no eran Intereses. Es posible que pueda usar Javascript simple en esto, pero CSS sería mejor.
Gracias.
Creo que no entendí bien el caso, pero solo quieres tener texto rojo en las etiquetas que tienen intereses, ¿verdad? Si es el caso, ¿por qué no puede simplemente crear una nueva clase (por ejemplo, interest-label ) e ingresar color: red en eso? luego, para las etiquetas que desea, simplemente agregue class="interest-label" .
.resultsList .row:nth-child(2) {color:red;}El css que escribiste aplicará el color rojo a todos los elementos de .resultsList y también al segundo hijo de la fila dentro de un elemento con clase resultsList.
¿Podría compartir más de su código y/o especificar un poco más con qué quiere terminar?
En Jquery! (.result-label es su clase de elemento/s de destino)
$(".resultsList .result-label").css("color", "red");¡En Vainilla JS!
document.querySelector(".resultsList .result-label").style.color = "red";En CSS!
.resultsList .result-label {color:red }