<?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>:focus Archives - scmGalaxy</title>
	<atom:link href="https://www.scmgalaxy.com/tutorials/tag/focus/feed/" rel="self" type="application/rss+xml" />
	<link>https://www.scmgalaxy.com/tutorials/tag/focus/</link>
	<description>A Platform for Software Engineers</description>
	<lastBuildDate>Wed, 13 Apr 2022 16:34:31 +0000</lastBuildDate>
	<language>en-US</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=7.1</generator>
	<item>
		<title>How to Use Pseudo-classes in CSS?</title>
		<link>https://www.scmgalaxy.com/tutorials/how-to-use-pseudo-classes-in-css/</link>
					<comments>https://www.scmgalaxy.com/tutorials/how-to-use-pseudo-classes-in-css/#respond</comments>
		
		<dc:creator><![CDATA[rajeshkumar]]></dc:creator>
		<pubDate>Mon, 02 Aug 2021 12:32:14 +0000</pubDate>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[:checked]]></category>
		<category><![CDATA[:first-child]]></category>
		<category><![CDATA[:first-of-type]]></category>
		<category><![CDATA[:focus]]></category>
		<category><![CDATA[active]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[hover]]></category>
		<category><![CDATA[Link]]></category>
		<category><![CDATA[pseudo-class]]></category>
		<category><![CDATA[pseudo-element]]></category>
		<category><![CDATA[visited]]></category>
		<guid isPermaLink="false">https://www.scmgalaxy.com/tutorials/?p=7270</guid>

					<description><![CDATA[<p>A pseudo-class is used to define a special state of an element. Syntax:- selector:pseudo-class { property:value; } Ex: &#8211; div:hover [&#8230;]</p>
<p>The post <a href="https://www.scmgalaxy.com/tutorials/how-to-use-pseudo-classes-in-css/">How to Use Pseudo-classes in CSS?</a> appeared first on <a href="https://www.scmgalaxy.com/tutorials">scmGalaxy</a>.</p>
]]></description>
										<content:encoded><![CDATA[
<p class="wp-block-paragraph">A pseudo-class is used to define a special state of an element.</p>



<h4 class="wp-block-heading">Syntax:-</h4>



<p class="wp-block-paragraph"><strong>selector:pseudo-class { property:value; }</strong></p>



<p class="wp-block-paragraph"><strong>Ex: &#8211;</strong></p>



<p class="wp-block-paragraph"><strong>div:hover { background-color: red;}</strong></p>



<h3 class="wp-block-heading"><strong>Pseudo-classes</strong>&#8211;</h3>



<ul class="wp-block-list"><li>:link</li><li>:visited</li><li>:hover</li><li>:active</li><li>:focus</li><li>:checked</li><li>:first-child</li><li>:first-of-type</li><li>:nth-child(n)</li></ul>



<figure class="wp-block-image"><img decoding="async" src="https://lh3.googleusercontent.com/proxy/mZqcHB0xH8bjR4EIU6J4bzFnK317sJiT1vCJFkCd1fjh0y0vgioFdUEqYRJJ_I96NpgIIhQpnwD2Gwxnf_5jpFoYjfuqH6kOsV-xc6mmtKj4hsF9" alt=""/></figure>



<figure class="wp-block-image"><img decoding="async" src="https://www.wideskills.com/sites/default/files/subjects/CSS%20Tutorial/22/Image_1.png" alt=""/><figcaption><img decoding="async" src="https://ironion.com/wp-content/uploads/2015/06/cssanatomy3.png"></figcaption></figure>
<p>The post <a href="https://www.scmgalaxy.com/tutorials/how-to-use-pseudo-classes-in-css/">How to Use Pseudo-classes in CSS?</a> appeared first on <a href="https://www.scmgalaxy.com/tutorials">scmGalaxy</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://www.scmgalaxy.com/tutorials/how-to-use-pseudo-classes-in-css/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
	</channel>
</rss>
