我拿起 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)