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

Question

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

Answer 1

如果复选框在同一个父级中，您可以使用nth-child 或nth-of-type，或者您可以直接通过id 定位或使用好的选择器。

Demo Fiddle

Use the nth-child selector

:nth-child(an+b) CSS 伪类匹配具有 对于给定的正数，文档树中它之前的 an+b-1 个兄弟姐妹 或 n 为零，并且有一个父元素。

这可以更清楚地描述为：匹配元素是 一个元素的所有子元素都被拆分后的第 b 个子元素 每组一个元素。

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

换句话说，这个类匹配所有索引在 集合 { an + b; n = 0, 1, 2, ... }。

除其他外，这允许选择器匹配 一张桌子。

OR nth-of-type

:nth-of-type CSS 伪类匹配具有 an+b-1 的元素 在文档树中具有相同元素名称的兄弟姐妹， 对于 n 的给定正值或零值，并且具有父元素。 请参阅 :nth-child 以更全面地描述其语法 争论。这是一个更灵活和有用的伪选择器，如果你 想要确保无论在哪里都选择相同类型的标签 它在父元素内，或者出现其他不同的标签 在它之前。