zk and sclass issue

how to create styles for zk components, for examle grid? i try something like this:

<style>
.mine{
}
.mine tr{
}
.mine tr td{
 width: 16%;
 padding: 2px 5px 2px 1px;
}

.mine tr td input[type='text']{
 width: 100%;
}
...
</style>
...
<grid sclass="mine">
开发者_运维知识库...

and it works.. but it's usual css, which shouldn't be used with zk.. i'm searching for better solution, please, help

Maybe this resource will help you out :)

ZK StyleGuide Grid.

Here is the updated document.

You may also refer to this guide about how to use zclass, sclass, and overwriting to customize your styling.