← Wszystkie przykłady

Quora: obrysuj karty kanału (narzędzie)

Rysuje przerywaną ramkę wokół każdej karty kanału i wypisuje jej identyfikator, co ułatwia tworzenie własnych selektorów.

Kod do skopiowania

/* 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;
}

Jak użyć tego przykładu

1. Skopiuj kod przyciskiem powyżej.
2. Zainstaluj JustZix (2 minuty) i otwórz wtyczkę na docelowej stronie.
3. Dodaj nową regułę dopasowaną do tej strony.
4. Wklej kod w panelu CSS reguły i zapisz — efekt pojawi się od razu.