¿Cuál(es) sería(n) el(los) selector(es) CSS para cambiar el estilo de los temas no resueltos?
1 me gusta
Hola Dan 
En una lista de temas, sería esto:
.topic-list-item:not(.status-solved) {
background: rgba(255,192,203,.2);
}
En una página de tema, no hay una clase específica a la que dirigirse.
4 Me gusta
¡Gracias, eso funcionó!
Una advertencia, similar a este problema, es que buscar la ausencia de la clase status-solved significa que los temas de categorías que no tienen Solved habilitado también se resaltarán. En nuestro caso, he agregado una segunda clase al selector para apuntar solo a la categoría de soporte:
/* Resaltar temas no resueltos */
.topic-list-item.category-support:not(.status-solved) {
background: rgba(255,192,203,.2);
}
¿Existe una solución más general, por ejemplo, si existen más categorías de Solved, en lugar de repetir el selector?
1 me gusta
Intenté averiguar una condición comodín para cualquier categoría con “resuelto” habilitado, pero no pude. Sin embargo, puedes combinar todas las categorías relevantes en un fragmento de código:
/* Resalta temas no resueltos */
.topic-list-item.category-support,
.topic-list-item.category-another_category,
.topic-list-item.category-yet_another_category:not(.status-solved) {
background: rgba(255,192,203,.2);
}
O se podría crear un componente temático y tener una configuración para agregar las categorías que desees aplicar. Sospecho que puede haber una manera de dirigirse a las categorías con “resuelto” habilitado, pero no parece que pueda averiguarlo. 
No estoy seguro de que podamos determinar qué temas pertenecen a una categoría “resoluble” en la lista de temas.
Si no vas a cambiar la configuración de la categoría cada semana, puedes modificar el código que tú y @Lilly escribieron, pero añadir un bucle y hacerlo más fácil de leer y mantener. Seguirá utilizando las clases de categoría.
Puedes reutilizar la solución proporcionada aquí para esta intención:
1 me gusta
Hola
He creado un componente de tema para añadir la clase .solvable-topic a los temas resolubles de la lista de temas.
Después de instalar este componente de tema, puedes añadir un CSS simple para lograrlo. 
.topic-list-item {
&.solvable-topic {
&:not(.status-solved) {
background: red;
}
}
}
5 Me gusta