时间戳

首页 > 解决方案 > 是否可以在不更改 HTML 代码的情况下更改多个特定的页脚标签？

html - 是否可以在不更改 HTML 代码的情况下更改多个特定的页脚标签？

问题描述

我目前正在学习 Web 开发，并且处于一个艰难的阶段。我们被分配了一个任务，我们应该设计一个 HTML 代码而不改变它。

我的问题是，是否无论如何都设置了 CSS 中 HTML 代码的特定页脚（底部一个）标签（不在另一个标签内，例如 div 标签，这也使它变得更加困难）而不更改任何内容HTML 代码？

<html> 
  <head> 
    <title>Modul 2 - uppgift 2</title>
    <link rel="stylesheet" href="stil.css"> 
  </head> 
  <body>
    <div id="wrapper"> 
      <header>
        <h1></h1>
      </header> 
      <article> 
        <section> 
          <header>
            <h2>Om CSS</h2>
          </header> 
          <p> .</p> 
          <p></p> 
          <p class="linktext"></p>
          <footer></footer> 
        </section> 
        <section> 
          <header>
            <h2></h2>
          </header>
          <p></p>
          <p>.</p> 
          <p class="linktext"></p> 
          <footer></footer> 
        </section> 
      </article>
      <footer></footer> 
    </div> 
  </body> 
</html>

我一直试图自己解决这个问题，并试图做一些没有结果的研究，这就是我来到这里的原因。老师也不会真正帮助解决这样的问题......

我希望我把问题说清楚了，也许是我在网上找不到任何东西的原因，因为我的措辞方式，让我知道！并提前感谢！

标签： htmlcss

解决方案

我认为你应该看看 css Child 组合器 (>)和:nth-child() 伪类

例如，如果您想在页脚中选择第三个 div：

<footer>
  <div>Lorem ipsum 1</div>
  <div>Lorem ipsum 2</div>
  <div>Lorem ipsum 3</div>
</footer>

和CSS：

footer div:nth-child(3) {
  background: red;
}

推荐阅读