https://www.zkoss.org/_w/index.php?title=ZK_Style_Customization_Guide/ZK_CSS_Class_Design/ZK_Class_Naming_Rule&feed=atom&action=history
ZK Style Customization Guide/ZK CSS Class Design/ZK Class Naming Rule - Revision history
2024-03-29T08:58:19Z
Revision history for this page on the wiki
MediaWiki 1.35.1
https://www.zkoss.org/_w/index.php?title=ZK_Style_Customization_Guide/ZK_CSS_Class_Design/ZK_Class_Naming_Rule&diff=40638&oldid=prev
Southerncrossie at 10:28, 21 November 2013
2013-11-21T10:28:58Z
<p></p>
<table class="diff diff-contentalign-left diff-editfont-monospace" data-mw="interface">
<col class="diff-marker" />
<col class="diff-content" />
<col class="diff-marker" />
<col class="diff-content" />
<tr class="diff-title" lang="en">
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">← Older revision</td>
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">Revision as of 10:28, 21 November 2013</td>
</tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l1" >Line 1:</td>
<td colspan="2" class="diff-lineno">Line 1:</td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>{{ZKStyleCustomizationGuidePageHeader}}</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>{{ZKStyleCustomizationGuidePageHeader}}</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td></tr>
<tr><td class='diff-marker'>−</td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>The basic zclass naming pattern of ZK component is "'''''z-component'''''", for example, the zclass of button component is "'''''z-button'''''". However, each component may <del class="diffchange diffchange-inline">be </del>consist of many DOM elements and <del class="diffchange diffchange-inline">has </del>different interactions. Therefore, this section will describe details about ZK's class naming rule by DOM elements and interaction effects.</div></td><td class='diff-marker'>+</td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>The basic zclass naming pattern of ZK component is "'''''z-component'''''", for example, the zclass of button component is "'''''z-button'''''". However, each component may consist of many DOM elements and <ins class="diffchange diffchange-inline">have </ins>different interactions. Therefore, this section will describe details about ZK's class naming rule by DOM elements and interaction effects.</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>{{ZKStyleCustomizationGuideHeadingToc}}</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>{{ZKStyleCustomizationGuideHeadingToc}}</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>{{ZKStyleCustomizationGuidePageFooter}}</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>{{ZKStyleCustomizationGuidePageFooter}}</div></td></tr>
</table>
Southerncrossie
https://www.zkoss.org/_w/index.php?title=ZK_Style_Customization_Guide/ZK_CSS_Class_Design/ZK_Class_Naming_Rule&diff=40331&oldid=prev
Vincent: Created page with "{{ZKStyleCustomizationGuidePageHeader}} The basic zclass naming pattern of ZK component is "'''''z-component'''''", for example, the zclass of button component is "'''''z-button..."
2013-11-07T07:58:51Z
<p>Created page with "{{ZKStyleCustomizationGuidePageHeader}} The basic zclass naming pattern of ZK component is "'''''z-component'''''", for example, the zclass of button component is "'''''z-button..."</p>
<p><b>New page</b></p><div>{{ZKStyleCustomizationGuidePageHeader}}<br />
<br />
The basic zclass naming pattern of ZK component is "'''''z-component'''''", for example, the zclass of button component is "'''''z-button'''''". However, each component may be consist of many DOM elements and has different interactions. Therefore, this section will describe details about ZK's class naming rule by DOM elements and interaction effects.<br />
<br />
{{ZKStyleCustomizationGuideHeadingToc}}<br />
<br />
{{ZKStyleCustomizationGuidePageFooter}}</div>
Vincent