FlowingDev

CSS 查看器 免费

以树形探索样式表：色块、优先级、统计，还能一键复制。 你的数据不会离开此浏览器。

需要修改吗？在树、表格和表单模式下编辑此内容。

有效 CSS

CSS
  • /* FlowingDev sample stylesheet */
  • :root(0,1,0)2
    • --brand:#2563eb
    • --radius:12px
  • body(0,0,1)4
    • font-family:system-ui, sans-serif
    • margin:2rem
    • color:#0f172a
    • background:#f8fafc
  • .card(0,1,0)4
    • background:white
    • border:1px solid #e2e8f0
    • border-radius:var(--radius)
    • padding:1.25rem
  • .card h2(0,1,1)2
    • color:var(--brand)
    • margin:0 0 .5rem
  • #cta.button:hover(1,2,0)2
    • background:rgb(29 78 216)
    • color:white!important
  • @media(max-width: 640px)1
    • body(0,0,1)1
      • margin:1rem