html – 属性选择器的特殊性是什么？

概述我想知道属性选择器的特殊性是什么.例如： > Id = 100分 > Class = 10分 > Html Tag = 1点 例： /* this specificity value is 100 + 10 + 1 = 111 */#hello .class h2 { } 使用此HTML： <div class="selectform"><input type="text" value="in 我想知道属性选择器的特殊性是什么.例如：

> ID = 100分
> Class = 10分
> Html Tag = 1点

例：

/* this specificity value is 100 + 10 + 1 = 111 */#hello .class h2 { }

使用此HTML：

<div ><input type="text" value="inter text"><input type="text" value="inter text" ></div>

这两个选择器中的哪一个更具体？

.selectform input[type="text"] { }.selectform .inputbg { }

检查演示http://tinkerbin.com/IaZW8jbI

解决方法 属性选择器对类选择器同样具体.

在您的示例中,第一个选择器更具体,因为有一个额外的类型选择器输入使其击败第二个选择器.

每个选择器的特异性为calculated如下：

/* 1 class,1 attribute,1 type -> specificity = 0-2-1 */.selectform input[type="text"] { }/* 2 classes                    -> specificity = 0-2-0 */.selectform .inputbg { }

总结

以上是内存溢出为你收集整理的html – 属性选择器的特殊性是什么？全部内容，希望文章能够帮你解决html – 属性选择器的特殊性是什么？所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。