Question

我有2个并行排列的div，每个div包含2个段落（div1＆gt; 1 2和div2＆gt; 3 4）。我想只强调第4段（<p style=background-color:blue>4year</p>），但它也总是影响第2段。我该如何解决这个问题？

这是我的HTML代码：

<div id="select-year-col1" style="float:left;">
    <p class="font-color">1 year</p>
    <p class="font-color">2 year</p>
</div>
<div id="select-year-col2">
    <p class="font-color">3 year</p>
    <p class="font-color" style="background-color:blue">4 year</p>
</div>

Answer 1

我不确定你要做什么，但我从问题中理解的是，你应该尝试： -

<div id="select-year-col1" style="float:left;">
  <p class="font-color">1 year</p>
  <p class="font-color">2 year</p>
</div>
<div id="select-year-col2" style="float:left;">
  <p class="font-color">3 year</p>
  <p class="font-color" style="background-color:blue">4 year</p>
</div>

Div数据突出显示问题

1 个答案: