<style>
/* Changing the layout to use less space for mobiles */
@media screen and (max-device-width: 480px), screen and (-webkit-min-device-pixel-ratio: 2) {
#email-body { min-width: 30em !important; }
#email-page { padding: 8px !important; }
#email-banner { padding: 8px 8px 0 8px !important; }
#email-avatar { margin: 1px 8px 8px 0 !important; padding: 0 !important; }
#email-fields { padding: 0 8px 8px 8px !important; }
#email-gutter { width: 0 !important; }
}
</style>
<div id="email-body">
<table id="email-wrap" align="center" border="0" cellpadding="0" cellspacing="0" style="background-color:#f0f0f0;color:#000000;width:100%;">
<tr valign="top">
<td id="email-page" style="padding:16px !important;">
<table align="center" border="0" cellpadding="0" cellspacing="0" style="background-color:#ffffff;border:1px solid #bbbbbb;color:#000000;width:100%;">
<tr valign="top">
<td bgcolor="#3b4d64" style="background-color:#3b4d64;color:#ffffff;font-family:Arial,FreeSans,Helvetica,sans-serif;font-size:12px;line-height:1;"><img src="https://issues.jboss.org/s/en_US-g3yjjf/733/58/_/jira-logo-scaled.png" alt="" style="vertical-align:top;" /></td>
</tr><tr valign="top">
<td id="email-banner" style="padding:32px 32px 0 32px;">
<table align="left" border="0" cellpadding="0" cellspacing="0" width="100%" style="width:100%;">
<tr valign="top">
<td style="color:#505050;font-family:Arial,FreeSans,Helvetica,sans-serif;padding:0;">
<img id="email-avatar" src="https://community.jboss.org/people/scabanovich/avatar/16.png" alt="" height="48" width="48" border="0" align="left" style="padding:0;margin: 0 16px 16px 0;" />
<div id="email-action" style="padding: 0 0 8px 0;font-size:12px;line-height:18px;">
<a class="user-hover" rel="scabanovich" id="email_scabanovich" href="https://issues.jboss.org/secure/ViewProfile.jspa?name=scabanovich" style="color:#003366;">Viacheslav Kabanovich</a>
commented on <img src="https://issues.jboss.org/images/icons/newfeature.gif" height="16" width="16" border="0" align="absmiddle" alt="Feature Request"> <a style='color:#003366;text-decoration:none;' href='https://issues.jboss.org/browse/JBIDE-10127'>JBIDE-10127</a>
</div>
<div id="email-summary" style="font-size:16px;line-height:20px;padding:2px 0 16px 0;">
<a style='color:#003366;text-decoration:none;' href='https://issues.jboss.org/browse/JBIDE-10127'><strong>Resolve selector in open-on of style class in VPE</strong></a>
</div>
</td>
</tr>
</table>
</td>
</tr>
<tr valign="top">
<td id="email-fields" style="padding:0 32px 32px 32px;">
<table border="0" cellpadding="0" cellspacing="0" style="padding:0;text-align:left;width:100%;" width="100%">
<tr valign="top">
<td id="email-gutter" style="width:64px;white-space:nowrap;"></td>
<td>
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr valign="top">
<td colspan="2" style="color:#000000;font-family:Arial,FreeSans,Helvetica,sans-serif;font-size:12px;padding:0 0 16px 0;width:100%;">
<div class="comment-block" style="background-color:#edf5ff;border:1px solid #dddddd;color:#000000;padding:12px;"><p>css:</p>
<div class="code panel" style="border-width: 1px;"><div class="codeContent panelContent">
<pre class="code-java">.bb {
background-color: red;
}
[title=<span class="code-quote">"a"</span>].bc {
background-color: aqua;
}
[title=<span class="code-quote">"a"</span>] .bc {
background-color: green;
}
.bc i {
background-color: blue;
}
div * .s1 {
background-color: yellow;
}
div p.s2 {
background-color: brown;
}</pre>
</div></div>
<p><html><br/>
<head><br/>
<link href="m.css" rel="stylesheet" type="text/css"></link><br/>
</head></p>
<p> <body></p>
<p> <div title="a" class="bc"><br/>
1. This matches (<span class="error">[title="a"]</span>.bc). <br/>
<i> 2. This matches (.bc i).</i> <br/>
<i class="bc"> 3. This matches (<span class="error">[title="a"]</span> .bc).</i> <br/>
</div></p>
<p> <div> <p class="s1"> <br/>
4. This should not match (div * .s1). <br/>
<b class="s1"> 5. This matches (div * .s1).</b> </p></div></p>
<p> <div> <p class="s2"><br/>
6. This matches (div p.s2).<br/>
</p></div><br/>
</body><br/>
</html></p>
<div class="code panel" style="border-width: 1px;"><div class="codeContent panelContent">
<pre class="code-java"></pre>
</div></div>
<p>In the first div, open-on resolves both 'bc' to (<span class="error">[title="a"]</span> .bc), that is incorrect. It does not see the difference between (<span class="error">[title="a"]</span> .bc) and (<span class="error">[title="a"]</span>.bc). But these two rules are quite different, first defines class 'bc' for a node that has an ancestor with title="a", while the second defines class 'bc' for a node with title="a".</p>
<p>In the second div, open-on resolves both cases of 's1' to (div * .s1); but only the last case is correct.</p>
<p>In css rules, white spaces always separate parent node restrictions from child node restrictions.</p></div>
<div style="color:#505050;padding:4px 0 0 0;"> </div>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td><!-- End #email-page -->
</tr>
<tr valign="top">
<td style="color:#505050;font-family:Arial,FreeSans,Helvetica,sans-serif;font-size:10px;line-height:14px;padding: 0 16px 16px 16px;text-align:center;">
This message is automatically generated by JIRA.<br />
If you think it was sent incorrectly, please contact your <a style='color:#003366;' href='https://issues.jboss.org/secure/ContactAdministrators!default.jspa'>JIRA administrators</a>.<br />
For more information on JIRA, see: <a style='color:#003366;' href='http://www.atlassian.com/software/jira'>http://www.atlassian.com/software/jira</a>
</td>
</tr>
</table><!-- End #email-wrap -->
</div><!-- End #email-body -->