Question

我正在尝试围绕我的H1建立一个边界但是出于某种原因我无法选择确切的＆＃34; span＆＃34;在CSS？我写错了什么吗？

HTML

＆＃13;

    h1 span {
    
      display: inline-block;
      padding: 0.5em
      border: white solid 10px;
    }

＆＃13;

<header>
  <div class="logo">
    <img src="octopus.png">
  </div>

  <nav>
    <a href="">One</a>
    <a href="">One</a>
    <a href="">One</a>
    <a href="">One</a>
  </nav>
  <h1><span>Elias</span></h1>
  <p class="kicker">Stuff // Other Stuff // More</p>
</header>

＆＃13;

Answer 1

;之后你遗漏了padding，这不会让border工作

h1 span {
  display: inline-block;
  padding: 0.5em;
  border: white solid 10px;
}
/*demo*/

body {
  background: lightblue
}

<nav>
  <a href="">One</a>
  <a href="">One</a>
  <a href="">One</a>
  <a href="">One</a>
</nav>
<h1><span>Elias</span></h1>
<p class="kicker">Stuff // Other Stuff // More</p>

Answer 2

CSS

span.classy {
  background-color: DodgerBlue;
}

HTML

<span class="classy">Here's a span with some text.</span>
<span>Here's another.</span>

＆＃34;跨度＆＃34;选择器不工作

2 个答案: