【问题标题】:How to use the same element in differents HTML pages in which it has different configuration? [closed]如何在具有不同配置的不同 HTML 页面中使用相同的元素? [关闭]
【发布时间】:2021-01-11 06:55:51
【问题描述】:

一般问题: 如果我对属于的元素进行样式化,比如说 index.html,然后我想在第二页中使用它,但是,它会有不同的位置。如果我制定的新规则将摧毁​​前一个规则。怎么能弄明白呢?

【问题讨论】:

    标签: html css rules


    【解决方案1】:

    您可以通过几种方式实现这一点,但我将在此举几个例子:

    1. 使用内联样式 - 如果更改非常小,例如在您的情况下,只是为了更改元素的位置值,您可以通过向元素添加内联样式来覆盖原始样式表中的样式,如下所示:
    <p style="left: 0;">...</p>
    
    1. 为修改创建一个新的样式表 - 在您的新 HTML 页面中,您将在文档头部链接原始样式表,添加一个新链接它之后将包含您的样式'想只为那个页面制作/调整。确保将其放在原始样式之后,以便样式会覆盖原始样式表中的样式。

    在此样式表中,您可以像通常在原始样式中一样定位元素,但只需放置您想要添加/更改的属性和值。

    1. 向元素添加另一个类(假设您已经有一个类来设置元素的样式)例如,如果您想将元素的左侧位置的值一直更改到左侧,您可以创建一个可以称为left-0 的类来清楚地描述“目的/动作”,如下所示:
    <p class="otherClasses left-0">...</p>
    

    【讨论】:

    • 谢谢杰米。现在一切都清楚了。第 2 和第 3 似乎更有效。我想知道如果我们有一些 p 和 hx 但有不同的规则是否相同?我正在尝试使用 SASS,但很难收集相同的规则来构建 mixins !!!这真的让我很困惑。
    • 不确定你的意思是否与 p 和 hx 规则相同@MassineOueslati,你想用 Sass 创建什么样的混合?
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2019-04-14
    • 1970-01-01
    • 2010-10-30
    相关资源
    最近更新 更多