<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>freeyourdesign &#187; css tip</title>
	<atom:link href="http://freeyourdesign.com/tag/css-tip/feed/" rel="self" type="application/rss+xml" />
	<link>http://freeyourdesign.com</link>
	<description>break free by learning</description>
	<lastBuildDate>Wed, 06 Oct 2010 19:32:24 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.2.1</generator>
		<item>
		<title>CSS Two Classes for one Item</title>
		<link>http://freeyourdesign.com/css/css-two-classes-for-one-item/</link>
		<comments>http://freeyourdesign.com/css/css-two-classes-for-one-item/#comments</comments>
		<pubDate>Tue, 14 Apr 2009 20:20:03 +0000</pubDate>
		<dc:creator>fyd</dc:creator>
				<category><![CDATA[css]]></category>
		<category><![CDATA[css tip]]></category>
		<category><![CDATA[html]]></category>

		<guid isPermaLink="false">http://freeyourdesign.com/?p=55</guid>
		<description><![CDATA[Using Two Classes on one item in CSS. Here's a quick CSS Tip you can use if you need to style an item with two(or more) classes. Sometime you might need to make something stand out a little more than the rest of the elements using the same CSS Class. You could throw a span [...]]]></description>
			<content:encoded><![CDATA[<p>
<img style="border:none;" class="left" src="http://freeyourdesign.com/images/cssbadge.gif" alt="css tips and tricks" />Using Two Classes on one item in CSS.</p>
<p>Here's a quick CSS Tip you can use if you need to style an item with two(or more) classes.</p>
<p>Sometime you might need to make something stand out a little more than the rest of the elements using the same CSS Class. You could throw a span tag around it or you can uses a second CSS Class. This way if you need to use this style again you aren't constantly having to type out the whole span tag.</p>
<p>It's actually pretty simple&#8230;<br />
The HTML</p>
<pre>&lt;div class="one two"&gt;This text has TWO classes.&lt;/div&gt;</pre>
<p>The CSS<br />
.one<br />
{<br />
color: #ff0000;<br />
}<br />
.two<br />
{<br />
font-size: 1.5em;<br />
}</p>
<p>and here is the result:</p>
<div class="one two">This text has TWO classes.</div>
<p>A simple but very useful CSS Tip.</p>
<img src="http://freeyourdesign.com/?ak_action=api_record_view&id=55&type=feed" alt="" />]]></content:encoded>
			<wfw:commentRss>http://freeyourdesign.com/css/css-two-classes-for-one-item/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

