Class 04 || Multiple selectors and writing rule for more than one element || Learn CSS Tutorial || Tamil || JA Tech
Program File:- https://goo.gl/p8DRsa
They look nearly identical, but the top one has no space between “#header” and “.callout” while the bottom one does. This small difference makes a huge difference in what it does. To some of you, that top selector may seem like a mistake, but it’s actually a quite useful selector. Let’s see the difference, what that top selector means, and exploring more of that style selector.
Here is the “plain English” of “#header .callout”:
Select all elements with the class name callout that are decendents of the element with an ID of header.
Here is the “plain English” of “#header.callout”:
Select the element which has an ID of header and also a class name of callout.
Combinations of Classes and IDs
The big point here is that you can target elements that have combinations of classes and IDs by stringing those selectors together without spaces.
ID and Class Selector
As we covered above, you can target elements by a combination of ID and class.
Please watch the FULL VIDEO to know , How it Works .
*********************************************************************
Don’t forgot to LIKE||SHARE||SUBSCRIB
#Tech #Technology #Tricks #Tips #Hacks #Edits #How #To #Android #Iphone #Ios #Mobile #Laptop #Computer #Youtube #Google #Facebook
#Instagaram #Twitter #Tamil #English #Videos #Review #Unboxing #New #Multimedia
********************************************************************
Friends, Please Subscribe for More Videos..
YouTube : https://goo.gl/8dwdxF
*********************************************************************
If you have any questions feel free to ask them in the comment box below!
*********************************************************************
Follow Me:
Twitter : https://goo.gl/GuczEX
Google+ : https://goo.gl/Z77i1t
Facebook Page : https://goo.gl/VoCXEU
instagram : https://goo.gl/wvU9uL
*********************************************************************
More Tutorials of JA Technology
HTML Tutorial : https://goo.gl/2yj8cf
Java Tutorial : https://goo.gl/gbeYGz
Mobile Tricks And Tips : https://goo.gl/4JB1tL
Pc Trick And Tips :https://goo.gl/fJSgnM
Internet Tricks And Tips : https://goo.gl/ZsEG2L
Photoshop Tutorial : https://goo.gl/czSzob
Top 10 And 5 : https://goo.gl/Jw8XG5
source