复选框标签宽度改变一件事

时间:2014-04-29 10:53:16

标签: html css checkbox label

我有一个带有标签的复选框,在我的一个css中,此标签的宽度设置为10cm 在我的表单中,我有多个标签但是对于我的一个标签,我希望它跨越整个页面而不是10厘米。如果可能的话,我不想覆盖,因为那会破坏我表格其余部分的外观,因为那里还有其他标签等。 如何为一个复选框标签执行此操作?

1 个答案:

答案 0 :(得分:1)

如果复选框位于同一个父级内,则可以使用nth-childnth-of-type,也可以直接通过id或使用好的选择器进行定位。

Demo Fiddle

Use the nth-child selector

  

:nth-​​child(an + b)CSS伪类匹配具有的元素   对于给定的积极因素,在文档树中它前面有一个+ b-1个兄弟姐妹   或n为零值,并具有父元素。

     

这可以用这种方式更清楚地描述:匹配元素是   所有孩子被分裂后的元素的第b个孩子   分成一组元素。

     

值a和b必须都是整数,并且索引是   元素的第一个孩子是1。

     

换句话说,此类匹配索引所在的所有子项   集{an + b; n = 0,1,2,...}。

     

除此之外,这允许选择器匹配每隔一行   一张桌子。

OR nth-of-type

  

:nth-​​of-type CSS伪类匹配具有+ b-1的元素   在文档树中具有相同元素名称的兄弟姐妹,   对于n的给定正值或零值,并且具有父元素。   请参阅:nth-​​child以获得更全面的语法描述   论点。如果你这是一个更灵活和有用的伪选择器   希望确保您无论在何处都选择相同类型的标签   它位于父元素内部,或者显示其他不同的标记   在它之前。