[jbosstools-issues] [JBoss JIRA] (JBIDE-10127) Resolve selector in open-on of style class in VPE
Victor Rubezhny (JIRA)
jira-events at lists.jboss.org
Fri Feb 17 07:54:40 EST 2012
[ https://issues.jboss.org/browse/JBIDE-10127?page=com.atlassian.jira.plugin.system.issuetabpanels:comment-tabpanel&focusedCommentId=12668870#comment-12668870 ]
Victor Rubezhny commented on JBIDE-10127:
-----------------------------------------
According to the 'section 6.4' the 'distance' is not valuated at all.
'Selector's specificity' is described there as a number calculated from a combination of number of counters, each has its own importance in descending order:
- style declaration came from 'style' attribute (We can't use it since there is no CSS Class names, but it has the highest importance for browser while calculating the style declaration);
- Number if ID attributes in selector (ID attributes which are referenced by using #<identifier>
- Number of other attributes (including attributes like [id="SomeID"] PLUS number of pseudo-classes in selector (like 'li.red' where 'red' is a pseudo-class)
- Number of element names PLUS number of pseudo-elements in selector (like 'li.red' where 'li' is a pseudo-element)
So, I'm trying to realize this algorithm to sort the CSS Rule Selectors according to their importance.
> Resolve selector in open-on of style class in VPE
> -------------------------------------------------
>
> Key: JBIDE-10127
> URL: https://issues.jboss.org/browse/JBIDE-10127
> Project: Tools (JBoss Tools)
> Issue Type: Feature Request
> Components: jsp/jsf/xml source editing
> Affects Versions: 3.3.0.M3
> Reporter: Viacheslav Kabanovich
> Assignee: Victor Rubezhny
> Fix For: 3.4.x
>
> Attachments: css2.pdf
>
>
> EXECUTE: Create style sheet:
> {code}
> .styleA {color: #FF0000}
> .styleA .styleB {color: #FF8000}
> div.styleA {color: #FF0080}
> div[title="x"].styleA {color: #0000FF}
> p input.styleA {color: #CCAA00}
> div p input.styleA {color: #CC00FF}
> [title="y"] p input.styleA {color: #00CCFF}
> {code}
> EXECUTE: Create html:
> {code}
> <html>
> <head>
> <title>Hello!</title>
> <link href="stylesheet.css" rel="stylesheet" type="text/css"/>
> </head>
> <body>
> <p class="styleA">
> .styleA {color: #FF0000}
> </p>
> <p class="styleA">
> .styleA {color: #FF0000}
> <br/>
> <b class="styleB">.styleA .styleB {color: #FF8000}</b>
> </p>
> <div class="styleA">
> div.styleA {color: #FF0080}
> </div>
> <div title="x" class="styleA">
> div[title="x"].styleA {color: #0000FF}
> </div>
> <p>
> <input type="button" class="styleA" value="p input.styleA {color: #CCAA00}"/>
> </p>
> <div>
> <p>
> <input type="button" class="styleA" value="div p input.styleA {color: #CC00FF}"/>
> </p>
> </div>
> <div title="y">
> <div>
> <p>
> <input type="button" class="styleA" value="[title='y'] div p input.styleA {color: #00CCFF}"/>
> </p>
> </div>
> </div>
> </body>
> </html>
> {code}
> ASSERT: Style opened at each class="styleA" should be the same as text value in element.
--
This message is automatically generated by JIRA.
If you think it was sent incorrectly, please contact your JIRA administrators: https://issues.jboss.org/secure/ContactAdministrators!default.jspa
For more information on JIRA, see: http://www.atlassian.com/software/jira
More information about the jbosstools-issues
mailing list