Home › Forums › CSS › need help using attribute selectors › Re: need help using attribute selectors
January 21, 2011 at 3:46 am
#64950
Member
Ok, so just giving it a quick look, I came up with this. Just using Inspect Element in Chrome, this seems to work.
#content a {
background-color: #F5FAFC;
border-bottom-color: #CDCDCD;
border-bottom-style: dashed;
border-bottom-width: 1px;
color: #025BB9;
padding-bottom: 1px;
padding-left: 2px; -- GET RID OF THIS --
padding-right: 2px;
padding-top: 0px;
text-decoration: none;
}
a[href$=".pdf"] {
background-image: url(http://www.vannaamen.nl/develope/images/link-pdf.gif);
background-position: 0px 50%;
background-repeat: no-repeat;
padding: 0px 0px 0px 45px; -- THIS REPLACES ABOVE PADDING --
text-indent: 30px;
}