[
https://issues.jboss.org/browse/JBIDE-10127?page=com.atlassian.jira.plugi...
]
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