simple.css

simple.css is a lite and beautiful simple style, you don't need to remember the complex class name, you just need to remember five simple words -- apple, banana, cake, dog, egg

button

<button></button>

button[apple]

<button apple></button>

button[banana]

<button banana></button>

button[cake]

<button cake></button>

button[dog]

<button dog></button>

button[egg]

<button egg></button>

input[type='text']

<input type="text" />

input[type='text'][apple]

<input apple type="text" />

input[type='text'][banana]

<input banana type="text" />

input[type='text'][cake]

<input cake type="text" />

input[type='text'][dog]

<input dog type="text" />

input[type='text'][egg]

<input egg type="text" />

input[type='radio']

<input type="radio" />

input[type='radio'][apple]

<input apple type="radio" />

input[type='radio'][banana]

<input banana type="radio" />

input[type='radio'][cake]

<input cake type="radio" />

input[type='radio'][dog]

<input dog type="radio" />

input[type='radio'][egg]

<input egg type="radio" />

input[type='checkbox']

<input type="checkbox" />

input[type='checkbox'][apple]

<input apple type="checkbox" />

input[type='checkbox'][banana]

<input banana type="checkbox" />

input[type='checkbox'][cake]

<input cake type="checkbox" />

input[type='checkbox'][dog]

<input dog type="checkbox" />

input[type='checkbox'][egg]

<input egg type="checkbox" />