リンクのテキストが空だった場合はURLを表示し、リンク化する

Ads

Result


リンクのテキストがない場合はhref属性に指定されているURLをテキストにしてリンク化する

css

/*empty疑似セレクタとbefore疑似セレクタを併用*/
a[href]:empty::before {
/*href属性の値をbeforeに表示する*/
  content: attr(href);
}

html

<a href="https://github.com/AllThingsSmitty/css-protips"></a>

via

CSS Protips

タイトルとURLをコピーしました