Formatting Single WebParts with CSS
This is “note to self” post…
Found this in an article on Heather Solomon's blog...
It is possible to use just CSS to format individual WebParts (or Part Zones) with just CSS--
For some reason I never knew about the partial matching aspects of CSS – that is also good to know:
From Heather’s Blog:
There are several ways and other characters you can use to target attributes and values:
[attribute] -- Apply whenever an element includes this attribute, no matter the value.
[attribute=value] -- Apply when the string matches the attribute's value exactly.
[attribute~=value] -- Apply when the string shows up somewhere in the value. Used for space separated words such as, "Chicken Dance".
[attribute|=value] -- Apply when the string shows up somewhere in the value. Used for hyphen separated words such as, "Hokey-pokey".
[attribute^=value] -- Apply when the start of the value matches the string.
[attribute$=value] – only when the end of the value matches the string.
Very Handy indeed…