Как заменить подчеркивание, установленное в css, с помощью класса в теге ap

Question

Я хочу использовать элемент класса в теге <span>, который находится под тегом <p>, чтобы заменить подчеркивание, установленное в теге <p> родительского уровня. Ниже мой код:

#instru_topp p span:last-child {
  text-decoration: underline;
}

<div id="instru_topp">
  <h3>The topping</h3>
  <p><span class="especial">Mix</span> all the -- <span>Ingredients</span> and pour it on the top cake. After bakin it, you will end up with this:</p>
</div>