7
5

More than 5 years have passed since last update.

この要素、:before :after、付けれる、付けれない、どっち??

Last updated at Posted at 2017-12-27

HTMLの各要素に擬似要素 ":before"":after"がつけれるかどうか、ぱっと見わかるドキュメントがなかったので(探しもれ?読み込み不足。。。?)作ってみました。

結果は→CODEPEN:https://codepen.io/nieve/pen/JMEpPJ
(※ざっくり作りすぎで見づらくてごめんね。 ※2017/12/28 作り直しました!)

各要素に

:before{
   content: "<"attr(data-tag)">before";
}
:after{
   content: "<"attr(data-tag)">after";
}

を設定してます。

要約

↓が付かないようです。(他、見落としてるかも。)

<html> <title> <link> <meta> <script> <noscript> <style> <body> 
<br> <wbr>
<audio> <video> <embed> <noembed> <param> <canvas>
<table>以外のtable要素関係(<tr>とか<caption>とか)
<input> <textarea> <select> <datalist>
<dialog>
<image> <iframe> <svg> <svg>  

(※2017/12/28 ↑中身修正しました)

意外と、普通にsvg関連にも付くんだね。

7
5
2

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
7
5