CSS设置第一个元素的宽度,无论其元素名称如何

时间:2014-04-09 22:01:45

标签: css css-selectors width

这是一些XML ......

<style type="text/css">
    .center:nth-of-type(1):firstchild {width: 100% !important;}
</style>

<div class="center">
    <subjective_element_name>//This element's width should be set
        <subjective_element_name>//This element is NOT a direct child, not set
        </subjective_element_name>
    </subjective_element_name>
</div>

我想强制作为.center元素的子元素的 first 元素具有width: 100%;声明。我不希望它在任何其他元素上出现多次(.center选择器只存在一次)。这意味着选择器应该只匹配上面的subjective_element_name元素。

2 个答案:

答案 0 :(得分:3)

.center > *:first-child {
   /*rules here*/
}

答案 1 :(得分:0)

想出来......

.center  > * {width: 100% !important;}

Kei的答案与我自己的答案之间的区别在于,只有第一个元素才会生效,就好像有十个不同的直接子元素一样,它们都会受到影响。因此,根据某人的需要,任何一个答案都可能以某种方式帮助某人。