← Todos los ejemplos

Quora: contornear las tarjetas del feed (herramienta)

Dibuja un contorno punteado alrededor de cada tarjeta del feed y muestra su id para crear tus selectores.

Código para copiar

/* Developer aid: outline feed cards and label their boxes */
div[class*="q-box"][id] {
  outline: 1px dashed rgba(220, 50, 50, 0.6) !important;
}
div[class*="q-box"][id]::before {
  content: attr(id);
  display: block;
  font: 10px/1.4 monospace;
  color: #b22;
  background: #fff4f4;
  padding: 1px 4px;
}

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.