Why won’t this work?
pre.code:before{
padding-right:420px;
border-top-left-radius:5px;
border-top-right-radius:5px;
padding-left:6px;
background-color:gray;
font-family:Trebuchet MS;
border-bottom:1px solid #aaa;
}
pre.code{
padding:0px;
width:500px;
border-radius:5px;
border-left:1px solid #fff;
border-top:1px solid #fff;
border-right:1px solid #aaa;
border-bottom:1px solid #aaa;
background-color:lightgray;
line-height:10px;
}
pre[rel="js"]:before {
content:"JavaScript";
}
pre[rel="css"]:before {
content:"CSS";
}
JS work’s, but if I change the rel to CSS or HTML, it still says HTML or CSS :before.