polymer 自定义元素学习

这是一篇polymer学习教程，关于polymer 自定义元素的css详解。有什么不对的欢迎拍砖。

 

CSS样式优先规则

但同一个元素有定义多个CSS样式时优先规则是，使用权重值最高的那个样式！

CSS权值相等将使用最后的那条定义！

 

style=””，权值为1000。

D选择器【#id】，权值为100。

class类【.class】权值为10。

元素【div | p | span】等。 权值为1。

eg:

#t>span{}   >  .class>span   >  div>span

当使用 important 定义CSS时，他的权重大于未使用CSS定义

div{color:red!important }

 

改变polymer样式方法

<link rel="import" href="my-elem.html">会在index head 生成这个polymer元素的样式

<style scope="my-elem">

  my-elem {display: block;}

  h3.my-elem {color: red;}

  h3.my-elem>span.my-elem{color: blue;}</style>

不管使用的是自定义元素还是polymer提供的元素，都会引用页的head生成这个样式块！