CSS:相同元素不同结构重复定义的问题

串连这3个数字就可以得到特征值.

*                              /* a=0 b=0 c=0 -> 特征值 =   0 */
li                             /* a=0 b=0 c=1 -> 特征值 =   1 */
ul li                         /* a=0 b=0 c=2 -> 特征值 =   2 */
ul ol+li                   /* a=0 b=0 c=3 -> 特征值 =   3 */
h1 + *[rel=up]       /* a=0 b=1 c=1 -> 特征值 =  11 */
ul ol li.red              /* a=0 b=1 c=3 -> 特征值 =  13 */
li.red.level             /* a=0 b=2 c=1 -> 特征值 =  21 */
#x34y                     /* a=1 b=0 c=0 -> 特征值 = 100 */
#s12:not(FOO)    /* a=1 b=0 c=1 -> 特征值 = 101 */

这样就能明白上面代码中的数字的含义了.

是不是就这么简单呢?

应该还有耐人寻味的地方.

比如说我给出这样一组CSS来定义上面的HTML:

p.italic { /* 11 */
        color: black;
}

div .italic { /* 11 */
        color: red;
}

.box p{ /* 11 */
 color:green;
}

.box em#em{ /* 111*/
        color:blue
}

body#content .wrap{ /* 111*/
   &

凌众科技专业提供服务器租用、服务器托管、企业邮局、虚拟主机等服务，公司网站：http://www.lingzhong.cn 为了给广大客户了解更多的技术信息，本技术文章收集来源于网络,凌众科技尊重文章作者的版权，如果有涉及你的版权有必要删除你的文章，请和我们联系。以上信息与文章正文是不可分割的一部分,如果您要转载本文章,请保留以上信息，谢谢!