Question

我正在尝试定位这些代码段内的文本

<ul>
    <h3 class="headp">
        <a href="#" class="mininav"  onclick="switchContent('sub1'); return false;">Marking Products</a>
    </h3>
    <li class="ulfp">
        <a href="#top" class="mininav" onclick="switchContent('sub2'); return false;">Specialty Cheese Product    Markings</a>
    </li>
</ul>

我的h3 .headp类不会影响我的文字，所以我假设我没有正确定位文本。我错过了什么？

Answer 1

这是接近这种布局的一种方法。

将h3替换为li以保持HTML语法正确，然后使用.headp类将第一个li格式化为标题。

要更改链接的颜色，您需要一个单独的CSS规则.headp a，请参阅下文。

或者，您可以将h3块包裹在li。

中

.headp {
  list-style: none;
  font-weight: bold;
  font-size: 2.00em;
  margin: 20px 0;
 }
.headp a {
  color: red;
}

<ul>
    <li class="headp">
        <a href="#" class="mininav"  onclick="switchContent('sub1'); return false;">Marking Products</a>
    </li>
    <li class="ulfp">
        <a href="#top" class="mininav" onclick="switchContent('sub2'); return false;">Specialty Cheese Product    Markings</a>
    </li>
</ul>

定位<h3>标记内的链接

1 个答案: