如何在具有不同配置的不同 HTML 页面中使用相同的元素?
How to use the same element in differents HTML pages in which it has different configuration?
一般问题:
如果我对属于的元素进行样式化,比如说 index.html 然后我想在第二页中使用它,但是,它会有不同的位置,例如。如果我制定新的规则会破坏前一个规则。如何解决这一问题?
您可以通过几种方式实现这一点,但我会在这里列举一些:
- 使用内联样式 - 如果变化非常小,例如与您的情况一样,只是为了更改元素的位置值,您可以通过向元素添加内联样式来覆盖原始样式表中的样式,如下所示:
<p style="left: 0;">...</p>
- 为修改创建一个新的样式表 - 在您的新 HTML 页面中,您将 link 文档头部的原始样式表添加一个新的 link after 它将包含您想要 make/adjust 仅针对该页面的样式。确保将它放在原始样式表之后,这样样式将覆盖原始样式表中的样式。
在此样式表中,您将像通常在原始样式表中那样定位元素,但只需放置 属性 和您想要的值 add/change。
- 向元素添加另一个class(假设您已经在第一个元素中设置了样式)例如,如果您想一直更改元素左侧位置的值在左侧,您可以创建一个可以称为
left-0
的 class 来清楚地描述“purpose/action”,如下所示:
<p class="otherClasses left-0">...</p>
一般问题: 如果我对属于的元素进行样式化,比如说 index.html 然后我想在第二页中使用它,但是,它会有不同的位置,例如。如果我制定新的规则会破坏前一个规则。如何解决这一问题?
您可以通过几种方式实现这一点,但我会在这里列举一些:
- 使用内联样式 - 如果变化非常小,例如与您的情况一样,只是为了更改元素的位置值,您可以通过向元素添加内联样式来覆盖原始样式表中的样式,如下所示:
<p style="left: 0;">...</p>
- 为修改创建一个新的样式表 - 在您的新 HTML 页面中,您将 link 文档头部的原始样式表添加一个新的 link after 它将包含您想要 make/adjust 仅针对该页面的样式。确保将它放在原始样式表之后,这样样式将覆盖原始样式表中的样式。
在此样式表中,您将像通常在原始样式表中那样定位元素,但只需放置 属性 和您想要的值 add/change。
- 向元素添加另一个class(假设您已经在第一个元素中设置了样式)例如,如果您想一直更改元素左侧位置的值在左侧,您可以创建一个可以称为
left-0
的 class 来清楚地描述“purpose/action”,如下所示:
<p class="otherClasses left-0">...</p>