您的位置:首頁> 實例代碼> CSS3實例

<a>為空使用href屬性值填充

2020-2-18 23:50| 作者: antzone| 查看: 2699| 評論: 0|來自: 螞蟻部落

分享一段代碼實例,它實現了如果鏈接<a></a>之間的文本為空。

那么就用鏈接的href屬性值進行填充,代碼實例如下:

[HTML] 純文本查看 復制代碼运行代码
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="author" content="http://www.kolabortv.com/" />
<title>螞蟻部落</title>
<style>
a[href^="http"]:empty::before {
  content: attr(href);
}
</style>
</head>
<body>
<a href="http://www.kolabortv.com"></a>
</body>
</html>

上面的代碼實現了我們的要求,更多內容可以參閱相關閱讀。

相關閱讀:

(1).[href^="http"]參閱CSS E[att^="val"]一章節。

(2).:empty參閱CSS E:empty一章節。

(3).attr()參閱CSS attr()一章節。


鮮花

握手

雷人

路過

雞蛋

最新評論

返回頂部
亚洲骑兵 - 东方AV在线,我想看美女下面的毛,大香蕉一本道久在线 <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <文本链> <文本链> <文本链> <文本链> <文本链> <文本链>