: last child does not take effect

  structure ：

    <div class="titleContent">
      <div> Navigation click bar </div>
      <p>{
   { AthenaData.titleLabel }}</p>
      <h1> Card power awakening   Wait for you to fight </h1>
      <p> Flop tickets , Win a good gift ！</p>
      <div class="ticketInfo">
         My ticket 
        <span> Preliminaries ：1</span>
        <span> The rematch ：0</span>
        <span> finals ：0</span>
        <button> Start fighting immediately </button>
      </div>
    </div>

Want to give <p> Flop tickets , Win a good gift ！</p> The words are bold ：

style ：

p:last-child{
    font-weight: 700;
}
 

It doesn't work .

terms of settlement ：

p:last-of-type{
    font-weight: 700;
}

  summary ：

        p:first-of-type ： First appeared in the same level structure P Elements （ There is no need to be first in the structure ）

        p:last-of-type ： The last in the peer structure P Elements （ There is no need to be the last but one in the structure ）

        p:first-child ： The first under the parent element P Elements （ Must be first in the structure ）

        p:last-child ： Parent element （body With the exception of ） The last one P Elements （ Must be the last but one in the structure ）