如何使用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

您需要刪除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/

Answer 2

圖片中有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"'

希望這個能對您有所幫助