18444 2012-07-31 07:04:35 +0000 [Shadow]: @host @-rules vs rules in document tree 2012-08-06 02:23:59 +0000 1 1 1 Unclassified WebAppsWG HISTORICAL - Component Model unspecified PC All RESOLVED FIXED P2 normal --- 16009 1 tasak dglazkov public-webapps-bugzilla oldest_to_newest 71696 0 tasak 2012-07-31 07:04:35 +0000 I would like to confirm what specificity @host @-rules have. For example, <head> <style> host { color: red; } </style> </head> <body> <div id="host"><span>distributed node</span></div> </body> and var shadowRoot = new WebKitShadowRoot(document.getElementById("host")); shadowRoot.innerHTML = "<style>@host { color: blue; }</style><shadow></shadow>"; What color will be applied to the host? If we use class rules instead, what color will be applied to the host? i.e. <style> .hostClass { color: red; } </style> <div id="host" class="hostClass"><span>distributed node</span></div> Currently I'm thinking of the following way: (1) If there exists any inline style, apply. Skip (2) and (3). (2) If there exists any @host @-rule, apply. Skip (3). (3) If there exists any rules (id rules, class rules and so on) declared in some style element in document tree, apply. Is this correct? 71700 1 tasak 2012-07-31 08:57:45 +0000 I'm sorry. I found a mistake. I mean, <style> #host { color: read; } </style> Best regards, Takashi Sakamoto 71701 2 tasak 2012-07-31 08:58:47 +0000 I'm sorry. "read" is typo. <style> #host { color: red; } </style> 71835 3 dglazkov 2012-08-03 23:20:58 +0000 http://dvcs.w3.org/hg/webcomponents/rev/5b8b6007c651 71846 4 tasak 2012-08-06 02:23:59 +0000 Thank you for updating the spec. Best regards, Takashi Sakamoto