我在我的网页上有几个我想使用的元素:悬停，但是元素没有响应它。

第一个问题给出如下:（第二个问题涉及表单输入元素，但它们不完全响应，因此将得到一个单独的问题）

null

.services-snippet:hover,
.services-snippet-heading:hover,
.services-snippet-text:hover {
  color: white;
  background-color: blue;
}

<div class="services-container">
  <p class="services-heading">Our services</p>
  <p class="services-text">What we bring to you</p>
  <div class="service-snippet-row1 clearfix">
    <div class="services-snippet">
      <h1 class="services-snippet-heading">Live & Interactive:</h1>
      <p class="servises-snippet-text">Both teachers & schools can search and book teachers by subject, price or postcode. Live, interactive and Cost Effective… They can review each others profiles before accepting. Teachers decide how much pay they want and schools pay less in commission
        with no finders fees. Happy Teachers paid what they are worth and a cost-effective solution for schools.</p>
    </div>
    <div class="services-snippet">
      <h1 class="services-snippet-heading">Adaptive Teaching:</h1>
      <p class="servises-snippet-text">Our teachers are never underprepared. Through a secure login they have access to lessons and resources. We are also developing online lessons for cover supervisors and home schoolers to deliver. All written by a subject expert and given the Primed
        Principles for learning that have been taught in classrooms, conference centres and through CPD for nearly two decades.</p>
    </div>
  </div>

  <div class="service-snippet-row2 clearfix">
    <div class="services-snippet">
      <h1 class="services-snippet-heading">Convenient & Safe:</h1>
      <p class="servises-snippet-text">No more Agency to-ing and fro-ing. Fast connection and innovative tools to help you book teachers in real time and manage your supply needs. All of our information is double encrypted and the user has control to search, block and offer special rates.
        Payroll, HMRC requirements and invoicing is also managed and can be tracked within our software.</p>
    </div>
    <div class="services-snippet">
      <h1 class="services-snippet-heading">Best Teachers:</h1>
      <p class="servises-snippet-text">All of our Teachers and staff have been through the strictest safeguarding, work history, qualification and interview process. Giving you peace of mind and a proven professional at all times. You can be sure we have fully vetted each teacher we
        bring to you and we can guarantee you of the best moral conduct and utmost professionalism at all times.</p>
    </div>
  </div>
</div>

null