Skip welcome & menu and move to editor
Welcome to JS Bin
Load cached copy from
 
<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width">
  <title>JS Bin</title>
</head>
<body>
  <div lang=fr>
    <div>
      <div><!-arbitrary nesting->
        <p>Mais Lucy répond&nbsp;: <q lang=en>Give George my love – once only. Tell him, <q>Muddle.</q></q>.</p>
      </div>
    </div>
  </div>
  <div lang=en>
    <div>
      <div><!-arbitrary nesting->
        <p>But Lucy answers: <q lang=en>Give George my love – once only. Tell him, <q>Muddle.</q></q>.</p>
      </div>
    </div>
  </div>
  <div lang=en>
    <div>
      <div lang=ja><!-arbitrary nesting->
        <p>ルシーは<q lang=en>Give George my love – once only. Tell him, <q>Muddle.</q></q>と答えます。</p>
      </div>
    </div>
  </div>
  </body>
</html>
 
:lang(fr) > *:not(q *) { quotes: "« " " »" "‹ " " ›" }
:lang(en) > *:not(q *) { quotes: "“" "”" "‘" "’" }
:lang(ja) > *:not(q *) { quotes: "「" "」" "『" "』" }
/* Set-up and prettyfication.
   Orthogonal to the test. */
div[lang]{
  border:solid 1px black;
  margin: 1em;
  padding:1.5em;
  position:relative;
}
p{ margin:0; }
div[lang]::before {
  content:"lang="attr(lang);
  position: absolute;
  top:0; right:0;
  font-family: monospace;
  font-size: small;
  background: lightgray;
  border-bottom:solid 1px gray;
  border-left:solid 1px gray;
}
Output

You can jump to the latest bin by adding /latest to your URL

Dismiss x
public
Bin info
anonymouspro
0viewers