← All examples

Quora: outline feed cards (dev aid)

Draws a dashed outline around each feed card and prints its id, making it easier to craft your own selectors.

Code to copy

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

How to use this example

1. Copy the code with the button above.
2. Install JustZix (2 minutes) and open the extension on the target page.
3. Add a new rule matching that page.
4. Paste the code into the rule's CSS panel and save — the effect appears instantly.