CSS下劃線元素，則將其跨度

-1

<span class="caption"> 
{block:Caption}<p>{Caption}</p><hr>{/block:Caption} 
</span>

標題塊將包含文本，其中一部分是鏈接。我如何創建CSS，僅在「標題」範圍內強調鏈接？

來源

2017-03-01 Simon

你到目前爲止嘗試過什麼 – Toxide82

??你是否在一個跨度內包裹了一個p？ **不要！**，使用div來使這個HTML有效。除了你能設置一個簡單的HTML結構的例子，所以我們確實看到你的問題。鏈接是由defaut加下劃線的，那麼你真正的麻煩是什麼？ –

首先的 - 你不能有內聯塊元素周圍的元素。

不僅僅是做a{text-decoration: none;} .caption a{text-decoration: underline}

來源

2017-03-01 14:06:29 Justinas

嘗試的jQuery：

$(document).find('span.caption').each(function(){ 
    $(this).css('text-decoration','underline'); 
})

小提琴這裏：https://jsfiddle.net/qq4j5uz2/

來源

2017-03-01 14:05:10

爲什麼你需要jQuery的CSS適用？ – Justinas

@Justinas好點...我只是試圖快速回復，而專注於jQuery :)我的壞！ –

如果我理解正確，這將是這樣的：

.caption a{ 
text-decoration: underline; 
}

來源

2017-03-01 14:05:47 Toxic

是不是已加下劃線的鏈接？問題不清楚:) –

還有的：不是（）選擇過濾標籤來選擇：

例如與鏈接和有效的HTML：

li:not(.nop) a { 
 
    text-decoration:none; 
 
}

<nav> 
 
    <ul> 
 
    <li><a href="#nowhere" title="Lorum ipsum dolor sit amet">Lorem</a></li> 
 
    <li class="nop"><a href="#nowhere" title="keep it underlined">Do not touch my underline defaut </a></li> 
 
    <li><a href="#nowhere" title="Morbi in sem quis dui placerat ornare">Morbi</a></li> 
 
    <li><a href="#nowhere" title="Praesent dapibus, neque id cursus faucibus">Praesent</a></li> 
 
    <li><a href="#nowhere" title="Pellentesque fermentum dolor">Pellentesque</a></li> 
 
    </ul> 
 
</nav>

來源

2017-03-01 14:12:41

CSS下劃線元素，則將其跨度

回答

相關問題