CSS仅设置第一个元素的宽度而不考虑其元素名称

标签 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 元素。

最佳答案

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

关于CSS仅设置第一个元素的宽度而不考虑其元素名称,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22974815/

相关文章:

jquery - 将 jQuery 效果应用于纯 2 级 CSS 菜单

css - 根据 href 属性更改链接颜色

html - 最大/最小宽度使用最大可能宽度

html - 页脚未拉伸(stretch)至 100% 宽度

html - 当较小的屏幕 div 没有拉伸(stretch)时

css - 使用 custom.css 进行引导覆盖

javascript - 页面重叠在页脚 div 上

javascript - 如果光标悬停在图像上,感觉选取框不会停止。它正在运行

css - 我如何仅使用 css 选择此列表中的最后一个 li

基于包含值数组的 data-* 属性进行选择的 CSS?