当属性为'width'时,属性选择器不在表上工作

时间:2015-04-09 11:11:13

标签: html css css-selectors

Firefox 36.2

我的页面未定义doctype

有嵌套表格,其中一个表格有width="50%"

我正在尝试选择该表并将其宽度设置为100%。

到目前为止,我所做的一切似乎都没有效果。具体来说,仅在此特定页面中唯一标识此特定表的唯一方法(因为我们有一个所有页面的公共样式文件),就是识别其中具有特定操作值的表单。当我尝试[action="MYTARGET"]时也没有用。一般来说,属性选择器似乎不起作用?

理想情况下,要唯一地选择我的表并设置其宽度,我想这样做(因为这是唯一一个在页面上定义了width属性的表):

form[action="MYTARGET"] table[width] {width:auto;}

有什么想法吗?一旦我在firefox中解决了这个问题,那么我就可以在IE9 +中完成这项工作。

但首先要做的事情.....

修改 我的基本问题是,当我开始尝试我的方法并在firebug样式部分中键入新的新规则时,规则就会消失。所以firefox甚至不喜欢它并完全忽略它。如果我看到我的新规则有一个删除线,至少我很高兴看到这一点。但这不会发生。 (你可以告诉我通常不会处理造型,所以我是一个试图快速解决问题的新手)

我没有权限编辑html本身。我只能访问编辑样式文件。

EDIT2: Iqbal的评论让我尝试通过'css'选项卡添加规则而不是'style'选项卡,规则似乎保持不变。所以我认为我把我的规则放在哪里有所作为(我认为它不应该,至少规则不应该消失)。我将研究更多并提出解释。

1 个答案:

答案 0 :(得分:1)

可能您使用整个代码作为选择器。即form[action="MYTARGET"] table[width] {width:100%;}

右键点击firebug的Style选项卡面板>添加规则>现在输入您的选择器,即form[action="MYTARGET"] table[width]>现在添加你的风格。