{"id":24020,"date":"2016-08-11T03:01:35","date_gmt":"2016-08-10T17:01:35","guid":{"rendered":"http:\/\/www.rjmprogramming.com.au\/ITblog\/?p=24020"},"modified":"2016-08-11T06:39:05","modified_gmt":"2016-08-10T20:39:05","slug":"css-and-html-complex-attribute-selectors-tutorial","status":"publish","type":"post","link":"https:\/\/www.rjmprogramming.com.au\/ITblog\/css-and-html-complex-attribute-selectors-tutorial\/","title":{"rendered":"CSS and HTML Complex Attribute Selectors Tutorial"},"content":{"rendered":"
\"CSS<\/a>

CSS and HTML Complex Attribute Selectors Tutorial<\/p><\/div>\n

In the spirit of CSS itself, as the study of Cascading Style Sheets<\/a>, we want to add an “onion layer” on top of what we started doing back at CSS and HTML Complex Selectors Primer Tutorial<\/a> as shown below, today. That “onion layer”, in our “onions of the 4th dimension”<\/a> feeling here, relates to HTML element attributes<\/i><\/a> …<\/p>\n

\nAttributes provide additional information about HTML elements.
\n<\/b>
\n All HTML elements can have attributes
\n Attributes provide additional information about an element
\n Attributes are always specified in the start tag
\n Attributes usually come in name\/value pairs like: name=”value”\n<\/p><\/blockquote>\n

Now, as you can imagine, there is no end to the level of (fine) granularity of “selection” this gives you as a tool, in relation to picking out really specific subsets of HTML (elements) for your CSS styling attention. Perhaps the most everyday HTML element with important “attributes” that we can think of, is the HTML a<\/i> tag, as a link to “somewhere” … though “somewhere” can also be “nowhere”<\/a> … chortle, chortle<\/font> … and today’s work replaces the HTML p<\/i> (child) element types of the previous tutorial and replaces them with HTML a<\/i><\/a> (child) element types, for our purposes today.<\/p>\n

If you clicked that last link you’d have seen a myriad of HTML a<\/i> tag “attribute” possibilities for you to think about … at the time of writing, namely …<\/p>\n