我已经在一个网站上工作了几个月,很多时候我一直在尝试编辑某些东西,我必须使用!important,例如:
div.myDiv {
width: 400px !important;
}
Run Code Online (Sandbox Code Playgroud)
为了使其按预期显示.这是不好的做法吗?或者!important命令可以使用吗?这会导致任何不希望的事情进一步下线吗?
假设您有以下HTML:
<input />
<br />
<input type=text />
Run Code Online (Sandbox Code Playgroud)
当然,在我的HTML中我也会有其他类型的输入字段(复选框等).现在我只想设置文本输入的样式.
我在搜索时发现的是在CSS中执行以下操作:
input[type=text] { background: red; }
Run Code Online (Sandbox Code Playgroud)
对于第二个输入,显式存在属性,这是有效的.然而,对于第一个,它适用于IE8,但不适用于IE10.也不在Chrome中.
那么我如何定位所有文本输入字段,只有文本输入字段,而不必放在type=text任何地方?
你可以在jsFiddle中看到这个.对于IE8,请查看有关如何使jsFiddle工作的这些说明,但它看起来像这样:

下面的选择器以哪种方式编写有关系吗?它验证了两种方式,并且W3C 规范似乎对引号问题保持沉默。
选项1:
input[type=text]
Run Code Online (Sandbox Code Playgroud)
选项2:
input[type='text']
Run Code Online (Sandbox Code Playgroud)
我见过带引号和不带引号的选择器。这两种方法都适用于 CSS 或 jQuery 吗?
那么,使用引号只是一个偏好问题吗?语义?CSS 版本?
由于向后兼容性,我们有两种方法吗?如果是这样,哪条路是最好的发展方向?
尽管对其他问题的答案已被接受,但我认为引用是最好的:
input[type='text']
Run Code Online (Sandbox Code Playgroud)