如何在包含活動鏈接的跨度上應用css樣式

我目前在2個跨度內包含2個鏈接，但是當鏈接被單擊不活躍時，鏈接具有類「linkActive」。我需要申請一個邊界包含在主鏈路跨度一個能做到這一點在CSS樣式如何在包含活動鏈接的跨度上應用css樣式

 HTML 
     <div> 
      <span class="sec"> 
       <a>Link1</a> 
      </span> 
      <span class="sec"> 
      <a class="linkActive">Link2</a> 
      </span> 
     </div>

我想申請邊境跨越含有鏈接主動類的錨標記

i tried span.sec a.linkActive{ 
       border-bottom: 3px solid black; 
      }

它似乎沒有工作。任何幫助將不勝感激

來源

2015-01-09 looneytunes

有在CSS沒有父選擇器。你可以使用jquery。否則，只需將邊框應用到您發佈的錨點即可。你的代碼正在工作。 http://jsfiddle.net/cdku8agp/ –

Doggone它，我的意思是http://stackoverflow.com/questions/1014861/is-there-a-css-parent-selector是愚蠢的。舉報對話框，你沒有工作嗎？ –

您可以使用僞元素

div span { 
 
    display: inline-block; 
 
} 
 
div span a { 
 
    display: block; 
 
    padding: 10px 20px; 
 
    position: relative; 
 
} 
 
div span a.linkActive:after { 
 
    content: ''; 
 
    position: absolute; 
 
    width: 100%; 
 
    background: black; 
 
    height: 3px; 
 
    bottom: 0; 
 
    left: 0; 
 
}

<div> 
 
    <span class="sec"><a>Link1</a></span> 
 
    <span class="sec"><a class="linkActive">Link2</a></span> 
 
</div>

來源

2015-01-09 07:32:49

添加邊框的本身你不僅可以通過CSS影響父元素，你必須使用JS。

jQuery的

$('span.sec > a').click(function() { 
    $(this).closest('span').css({'border-bottom': '3px solid black'}); 
})s;

來源

2015-01-09 07:33:14 kapantzak

http://jsfiddle.net/ubyxcaor/

使用CSS選擇[類= linkActive]

<style> 
span a[class=linkActive] {border: solid thin green;} 
</style>

來源

2015-01-09 07:43:27 DMSJax

如何在包含活動鏈接的跨度上應用css樣式

回答

相關問題