frankiefu/test.html

## test.html
<!doctype html>
<html>
<head>
  <script src="webcomponentsjs/webcomponents-lite.js"></script>
  <link rel="import" href="polymer/polymer.html">
</head>
<body>

  <dom-module id="x-foo">

    <template>
      <style>
        :host {
          display: block;
        }
        :host([red]) > .label {
          color: red;
        }
      </style>
      <div class="label">This should be red.</div>
    </template>

    <script>
      HTMLImports.whenReady(function() {
        Polymer({
          is: 'x-foo'
        });
      });
    </script>
  </dom-module>

  <x-foo red></x-foo>

</body>
</html>
	<!doctype html>
	<html>
	<head>
	<script src="webcomponentsjs/webcomponents-lite.js"></script>
	<link rel="import" href="polymer/polymer.html">
	</head>
	<body>

	<dom-module id="x-foo">

	<template>
	<style>
	:host {
	display: block;
	}
	:host([red]) > .label {
	color: red;
	}
	</style>
	<div class="label">This should be red.</div>
	</template>

	<script>
	HTMLImports.whenReady(function() {
	Polymer({
	is: 'x-foo'
	});
	});
	</script>
	</dom-module>

	<x-foo red></x-foo>

	</body>
	</html>