QタグにCite属性を付ける。Cite属性の内容をCSSの機能で表示させる。
q:after { content : ", " attr(x) }
<q cite="as to 'Pathetic Fallacy' by John Ruskin">to signify any description of inanimate natural objects that ascribes to them human capabilities, sensations, and emotions </q>
こんな感じにしちゃうと、emotionsasto(ryとなってしまい、思うように引用符が表示されない。
と思って次のようにすると、qを修飾するとき(太文字とかイタリック体にするなど)に、引用符同士で互い違いになってしまう。
q:after { content : '", ' attr(x) }
たとえば、具体的な例として。
q { font-style : italic; } q:after { content : '", ' attr(cite); font-style: normal }