Question

请参阅以下内容：

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

标题块将包含文本，其中一部分是链接。如何创建仅在“标题”范围内为链接加下划线的CSS？

Answer 1

首先 - 你不能在块元素周围有内联元素。

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

Answer 2

如果我理解正确的话会是这样的：

.caption a{
 text-decoration: underline;
}

Answer 3

还有：not（）选择器来过滤要选择的标签：

链接和有效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>

Answer 4

尝试jQuery：

    gMap.setOnMarkerClickListener(new GoogleMap.OnMarkerClickListener() {

    @Override
    public boolean onMarkerClick(Marker arg0) {

            Intent pickContactIntent = new Intent(Intent.ACTION_PICK, Uri.parse("content://contacts"));
            pickContactIntent.setType(ContactsContract.CommonDataKinds.Phone.CONTENT_TYPE); // Show user only contacts with phone numbers
            startActivityForResult(pickContactIntent, PICK_CONTACT_REQUEST);

        return true;

    }
});

在这里小提琴：https://jsfiddle.net/qq4j5uz2/

只有在span范围内时，CSS才会为元素加下划线

4 个答案: