← Todos los ejemplos

CSS Productividad linkedin.com

Resaltar empleos con salario

Resalta en verde las ofertas que muestran salario para localizarlas fácilmente en los resultados.

Código para copiar

.job-card-container:has(.job-card-container__metadata-wrapper li:where([class])),
li.scaffold-layout__list-item:has([class*="salary" i]),
.job-card-container:has(span:where([class*="job-card-container__salary" i])) {
  outline: 2px solid #2e7d32 !important;
  border-radius: 8px !important;
  background: rgba(46,125,50,0.06) !important;
}

Cómo usar este ejemplo

  1. Copia el código con el botón de arriba.
  2. Instala JustZix (2 minutos) y abre la extensión en la página de destino.
  3. Añade una nueva regla que coincida con esa página.
  4. Pega el código en el panel CSS de la regla y guarda — el efecto aparece al instante.

Valora este ejemplo

Sin valoraciones — sé el primero.

¿Funciona este ejemplo?

Los snippets son inútiles sin un lugar donde pegarlos.

JustZix se instala en 2 minutos y ejecuta tu código en cada página coincidente. Sin cuenta, sin pago.

Descargar gratis Ver casos de uso