Question

我正在学习一些CSS，我提出的一个问题就是这个。

我已经看过这个HTML了，我应该写一个CSS来强调标记的素食和辣菜单项以及它们的描述符强调（辣的红色和素食的绿色）（强烈标签中的“素食”和“辣味!!!”）。通过编写包含在html下面的CSS，我对描述符有一些好运，但我似乎无法找到允许我将它们分开的选择器组合。我没有在菜单项目的标题上取得任何成功，也没有包括非素食/非辛辣选项。我应该提到一切都必须用CSS 2.0完成。如果有人有一些见解我会非常感激！

开胃

  <p>
     <strong>Mozzarella Sticks</strong><br />
     Golden fried and served with marinara sauce. - $7.49<br />
  </p>

  <p>
     <strong>Spicy Buffalo Wings</strong><br />
     An American classic with a kick! Grilled to perfection
     and tossed in the hottest sauce we got! - $8.99<br />
     <strong>Spicy!!!</strong>
  </p>

  <p>
     <strong>Crab Wontons</strong><br />
     Crab, cream cheese, scallions, bell peppers. - $6.99
  </p>

  <p>
     <strong>Vegetable Spring Rolls</strong><br />
     Cabbage, ginger, carrots, celery, scallions, onions,
     black mushrooms, glass noodles, rolled in a crispy
     wrapper. - $6.99<br />
     <strong>Vegetarian</strong>
  </p>

  <p>
     <strong>Nachos</strong><br />
     Creamy white queso blended with fresh tomatoes,
     red onion, cilantro and roasted poblanos. Served
     with warm tortilla chips. - $6.99
  </p>

  <p>
     <strong>Edamame</strong><br />
     Salted soybeans in the pod. - $5.99<br />
     <strong>Vegetarian</strong>
  </p>

这是我到目前为止的CSS

    div#appetizers br + strong
{
color:red;
}

Answer 1

使用:nth-of-type()方法表示您要定位的<p>元素。但你只能使用css2 ......没关系。使用css2版本，如下例所示：

在css3中：ol > li:nth-child(3) == css2：ol > li:first-child + li + li

试试你的<p>（假设你知道你提供的html的包含元素）就像像#somedivID > p:first-child + p strong {color:red;}

这样的东西

如何仅使用类选择器更改段落内特定文本的颜色？

开胃

1 个答案: