相关疑难解决方法(0)

我已经完成了一些Google搜索,到目前为止我还没有找到任何可以回答我关于CSS顺序或重要性的问题.

例如,内联覆盖外部.得到它了.在外部添加!important可以覆盖内联.此外,从我所教过的一切,后来的风格覆盖了早期的风格.所以:

h1 { font-size: 12pt; }
h1 { font-size: 14pt; }

将呈现14pt的字体大小.但情况并非总是如此.有时我想定义样式,如:

<div id="content">
    <input class="regular" type="text" />
    <input class="regular" type="text" />
    <input class="long" type="text" />

然后在css中:

#content input { width: 50%; }
.long { width: 75%; }

但这并不总是奏效.我在哪里可以看到重要性的顺序,因为所有这些都具有特定的重要性级别:

input {} 
#content input {}
#content input.regular {}
#content input.long
input.regular {}
input.long {}
.regular {}
.long {}

我真的不喜欢写作!重要但是如果我不能明确地指出重要性的顺序,那么有时我必须改变id,类等.

我创建了可折叠的侧边栏。在侧边栏的内容自动采用蚂蚁设计填充值（16px）在顶部，右侧，底部和左侧。我需要删除这个自动填充

 render() {
return (
  <div className="common-coll-bar">
    <Collapse >
      <Panel header="Present Staffs" style={customPanelStyle}>
        <p style={{ height: 550, color: '#131D43', background: '#607B7E', padding: 0 , margin: 0 }}> {text}</p>
      </Panel>

    </Collapse>
  </div>
);

}

你能帮助我吗？