As I’m just playing around with my blog design, I’m actually learning a little bit about CSS2. One particular bit that I have never seen or used before are “attribute selectors”. Attribute selectors simple select a piece of code to be modified base on certain attributes.
For example, I was attempting to remove the “view more photos” link from the Flickr feed located in my side panel on my blog. I had tried several different approaches to this problem, but came up empty handed because the images and links all lack a CLASS or ID definition. That was, until I stumbled across a page on the W3C website defining certain selectors, their functions, and uses.
In order to finally remove the link, I used an Attribute selector like so:
#flickr_badge_wrapper a[href="http://www.flickr.com/photos/jerhoyet/"] {
display:none;
}
As you can see, I modified the <a> tag that included the attribute href=”http://www.flickr.com/photos/jerhoyet”, which successfully removed the link.
Neat huh?
This blog is authored by me, Jeremiah Hoyet. I'm an 19 year old college student with a strong interest in technology and the web. Since the age of 8, when I first gained access to the Internet on my home computer, I have been socializing and learning through the world wide web. This blog is a reflection of my life, my lessons, and my thoughts.










