小编Sea*_*n K的帖子

CSS 重复选择器

我拿起 CSS 来构建一个表单,其中包含必填字段的可视队列。

CSS 有几个相同的选择器,显然它们都很重要,因为删除其中任何一个都会影响表单。CSS 是如何将这两者合并的?感谢您回答新手问题。完整列表如下。

    .required-field-block .required-icon {
        显示:内联块;
        垂直对齐:居中;
        保证金:-0.25em 0.25em 0em;
        背景颜色:#E8E8E8;

    为了简洁起见剪掉
    ....

    }

    .required-field-block .required-icon {
        背景颜色:透明;
        位置:绝对;
        顶部:0em;
        右:0em;
        z 索引:10;
        保证金:0em;

为了简洁起见剪掉
....

}

完整列表

.required-field-block {
    position: relative;   
}

.required-field-block .required-icon {
    display: inline-block;
    vertical-align: middle;
    margin: -0.25em 0.25em 0em;
    background-color: #E8E8E8;
    border-color: #E8E8E8;
    padding: 0.5em 0.8em;
    color: rgba(0, 0, 0, 0.65);
    text-transform: uppercase;
    font-weight: normal;
    border-radius: 0.325em;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: background 0.1s linear;
    -moz-transition: background …
Run Code Online (Sandbox Code Playgroud)

html css css-selectors

8
推荐指数
2
解决办法
6411
查看次数

标签 统计

css ×1

css-selectors ×1

html ×1