• Skip to primary navigation
  • Skip to content
  • Skip to footer
  • ZK Getting Started
  • ZK Essentials
  • ZK Developer's Reference
  • ZK MVVM Reference
  • ZK Component Reference
  • ZUML Reference
  • ZK Installation Guide
  • ZK Configuration Reference
  • ZK Style Customization Guide
  • ZK Component Development Essentials
  • ZK Client-side Reference
  • ZK Charts
  • ZK Pivottable
  • ZK Calendar
  • Keikai
  • ZK Spring Essentials
  • ZATS
  • ZK JSP Tags Essentials
  • ZK Studio Essentials
  • Latest JavaDoc
  • Latest JavaScript Doc
  • Legacy APIs
      /zk_style_customization_guide/zk_css_class_design.html
    • Introduction
    • ZK CSS Class Design
      • Sclass
      • Zclass
      • ZK Class Naming Rule
        • By DOM Structure
        • By Event Effect
    • Integrate with LESS
      • Introduction to LESS
      • How ZK works with LESS
        • ZK LESS Variables
        • ZK LESS Functions
        • ZK LESS Syntax Notes
        • Compile LESS
    • Look and Feel Customization
      • Partial customize with Sclass and Zclass
      • Customize Component
        • Button
        • Borderlayout
        • Tabbox
        • Window
        • Navbar
      • Create New Look and Feel
      • Upgrade Customized Style From other ZK Version
        • Upgrade From ZK 6.5

    ZK CSS Class Design

    On this page

    This section describes how ZK design CSS class with Sclass, Zclass and the naming rules.

    Twitter Facebook LinkedIn
    © 2025 Potix Corporation. Privacy Policy