Как изменить цвет фона с помощью href?

Question

У меня есть страница, https://adsler.co.uk/jobs/,, но когда я пытаюсь изменить цвет фона рекламы с помощью a href=, она не работает.

Пробовал:

a [href="https://adsler.co.uk/job/nicos-cleaning-service-london-6-cleaner/" ] {background-color: 
white;}

a:active [href="https://adsler.co.uk/job/nicos-cleaning-service-london-6-cleaner/"] {background- 
color: white;}

Ничего.

Я использую WordPress, и страница управляется плагином, поэтому сложно редактировать php / html или даже найти записи, управляющие классом div,

Answer 1

На картинке есть селектор CSS.

Вы можете сделать это. Просто примените css к своему элементу с помощью

a[href="https://adsler.co.uk/job/nicos-cleaning-service-london-6-cleaner/"]{
    /*your css properties*/
}

Ниже приведены ссылки дляВы

    Syntax:  [attribute^=value] 
    Example:  a[href^="https"]  
    Description:  Selects every <a> element whose href 
    attribute value begins with "https"

    Syntax:  [attribute$=value] 
    Example:  a[href$=".pdf"]   
    Description:  Selects every <a> element whose href 
    attribute value ends with ".pdf"

    Syntax:  [attribute*=value] 
    Example:  a[href*="someValue"]  
    Description:  Selects every <a> element whose href 
    attribute value contains the substring "someValue"'

Надеюсь, это поможет вам

Answer 2

Вам необходимо удалить пробел между a и [href...].

ul.job_listings li.job_listing a[href="https://adsler.co.uk/job/nicos-cleaning-service-london-6-cleaner/"] {
  background-color: white;
}

ul.job_listings li.job_listing a:active[href="https://adsler.co.uk/job/nicos-cleaning-service-london-6-cleaner/"] {
  background-color: white;
}

body {
  background: black;
}

a {
  display: block;
}

<ul class="job_listings">
  <li class="post-7252 job_listing type-job_listing status-publish has-post-thumbnail hentry job-type-freelance" data-longitude="" data-latitude="" style="visibility: visible;">
    <a href="https://adsler.co.uk/job/nicos-cleaning-service-london-6-cleaner/">
      <h3>Cleaner</h3>
    </a>
  </li>
  <li class="post-6399 job_listing type-job_listing status-publish has-post-thumbnail hentry job-type-temporary" data-longitude="" data-latitude="" style="visibility: visible;">
    <a href="https://adsler.co.uk/job/nicos-cleaning-service-london-5-cleaners-needed/">
      <h3>Cleaners Needed</h3>
    </a>
  </li>
  <li class="post-6379 job_listing type-job_listing status-publish has-post-thumbnail hentry job-type-temporary" data-longitude="" data-latitude="" style="visibility: visible;">
    <a href="https://adsler.co.uk/job/customer-assistant/">
      <h3>Customer Assistant – Chelsea</h3>
    </a>
  </li>
  <li class="post-6169 job_listing type-job_listing status-expired has-post-thumbnail hentry job-type-freelance" data-longitude="" data-latitude="" style="visibility: visible;">
    <a href="https://adsler.co.uk/job/cleaner/">
      <h3>Cleaner</h3>
    </a>
  </li>
</ul>

Вот скрипка для просмотра: https://jsfiddle.net/3ycrt1qj/