I'm using an a tag in my html page which uses a css i can't place or modify.
In the defined css a:link is styled in a way i dont want to use in my html file.
How can i use my a tag in order to delete any present styling inherited from the css, without modifying the css file?
Something like
<a href="foo.bar" style="none">foobar</a>
maybe?
Remember, for now I cannot modify the css file!
You need to reset all the styles applied to the element, unfortunately.
If for example your anchor tag had the following styles:
a {
color:#f00;
font-weight:bold;
font-size:100px;
background:#00f;
text-decoration:none;
/* Etc... */
}
To reset it you'd have to specify:
<a href="foo.bar" style="color:#000;font-weight:normal;font-size:16px;background:transparent;text-decoration:underline;<!-- Etc... -->
">foobar</a>
display:inline-block; float:right; height:20px; width:80px; color:#FFF; line-height:10px; text-align:center; background-color:#666; border-radius:3px; text-decoration:none; font-size:10px; box-shadow:0 1px 0 #000; padding:5px;
Commented
May 20, 2013 at 14:45
display:inline; float:none; height:inherit; width:inherit; color:#00f; line-height:inherit; text-align:left; background-color:transparent; border-radius:0; text-decoration:underline; font-size:16px; box-shadow:none; padding:0;
Commented
May 20, 2013 at 14:48
Okay, I thought of three ways until now:
style attribute of that single <a>.<a> an ID and append :not(#linkID) to the selectors with which you select the other links. That's only slightly editing the CSS file.<iframe>. The CSS of the containing document doesn't affect the content of <iframe>s as far as I know.
style="line-height: normal; color: inherit;etc. etc.<a>'s attribute.:not(#linkID)to the selector with which you style the other links. That's only slight editing of the CSS file.