practice - speced/respec GitHub Wiki

.practice / .practicedesc / .practicelab

A set of CSS classes for marking up best practices in a specification. Generates a numbered best practice box with a label and description.

Usage

<div class="practice">
  <p class="practicedesc">
    <span class="practicelab">Use semantic HTML</span>
    Use the most semantically appropriate HTML element for each piece of content.
    Do not use `<div>` where a `<section>`, `<article>`, or `<nav>` would be more appropriate.
  </p>
</div>

Classes

Class Applied to Purpose
.practice <div> Container for the best practice
.practicedesc <p> The description text
.practicelab <span> inside .practicedesc The label/name of the practice

Notes

  • Best practices are automatically numbered
  • Less commonly used than note or example — mainly used by older W3C specs that use this pattern
⚠️ **GitHub.com Fallback** ⚠️