问题描述
一般问题: 如果我将属于的元素风格化,例如说index.html,然后我想在第二页中使用它,例如,它将具有不同的位置。如果我设定新的规则将摧毁前一个规则。一个人怎么知道呢?
解决方法
您可以通过几种方式实现这一目标,但在这里我将列举一些方式:
- 使用内联样式-如果更改很小,例如与您的情况一样,只需更改元素的位置值,就可以通过向元素添加内联样式来覆盖原始样式表中的样式,如下所示:
<p style="left: 0;">...</p>
- 为修改创建新的样式表-在新的HTML页面中,您将链接原始样式表到文档顶部,在之后添加一个新链接,该链接将保存您的样式只想针对该页面进行调整。确保将其放置在原始样式之后,以便样式将覆盖原始样式表中的样式。
在此样式表中,您将像通常在原始样式中那样将元素定位为目标,但只需放置要添加/更改的属性和值即可。
- 向元素添加另一个类(假设您已经拥有一个用于样式化元素的样式),例如,如果您想将元素的左侧位置的值一直更改到左侧,则可以可以创建一个可以称为
left-0
的类,以清楚地描述“目的/动作”,如下所示:
<p class="otherClasses left-0">...</p>