Request CSS selectors be converted to classes

[GoogleCodeExporter]

What steps will reproduce the problem?
1. Create a group list with a form anywhere in it

What version of the product are you using? On what operating system?
iUI 0.40beta2

Please provide any additional information below.

I would ask that the selectors for styling items be changed from this format:

body > ul > li > a {
    background: url(listArrow.png) no-repeat right center;
}

to something like this

.listitem  {
    background: url(listArrow.png) no-repeat right center;
}

That way the styling is more universal and it will not cause issues if you put 
elements within or around the unordered list, for instance I am trying to put a 
form in the page but i cannot because then the CSS selector will not match. 

Original issue reported on code.google.com by raymonda...@gmail.com on 16 Apr 2012 at 5:33

• Merged into: #331

[GoogleCodeExporter]

I think the parent/child dependencies could be relaxed a bit.
We are also considering using LESS to create a "meta theme" in iUI 0.5 -- see 
Issue #331.
If we use LESS there will be increased flexibility for customizing the CSS to 
add classes or apply styles in different ways (e.g. through mix-ins)

I general iUI tries to use positional CSS to keep the markup lightweight -- 
since iUI is a mobile website framework - not intended to add-on to existing 
sites.  That said, I understand what you are asking for and it is not 
unreasonable.  I really believe that using LESS will allow us (and you, through 
customization) to address your request.

Original comment by msgilli...@gmail.com on 17 Apr 2012 at 6:19

• Changed state: Accepted
• Added labels: Type-Enhancement

[GoogleCodeExporter]

This issue will be (partially addressed) by addressed by the LESS 
implementation in 0.5.  We will also work to relax some of the strict parent > 
child relationships at that time as well.

Original comment by msgilli...@gmail.com on 22 Jul 2012 at 8:46

• Changed state: Duplicate