Home >> Tutorials/FAQs >> CSS Tutorials >> Index

CSS Tutorials - Ways to Select HTML Tag Instances

By: FYICenter.com

(Continued from previous topic...)

How Many Ways to Select HTML Tag Instances?

If you define a style property for a HTML tag, this definition will apply to all instances of that tag in the entire document. If you want to apply different style property values to different instances of the same tag, you need to use the tag selection mechanisms defined in CSS:

• Tag Selector - Selects all instances of a HTML tag.
• Contextual Selector - Selects all instances of a HTML tag nested inside other specified tags.
• Class Selector - Selects all HTML tags that matches the class name defined in the tag attribute of class="class_name".
• ID Selector - Selects all HTML tags that matches the id name defined in the tag attribute of id="id_name".
• Group Selector - Selects multiple HTML tags.
• Mixed Selector - Selects instances of HTML tags mixed with other selectors.

(Continued on next topic...)

1. What Is CSS (Cascading Style Sheets)?
2. What Is the Basic Unit of CSS?
3. How Many Ways to Attach CSS to HTML Documents?
4. How To Include CSS Inside an HTML Tag?
5. How To Include CSS Inside the HEAD Tag?
6. How To Store CSS Definitions in External Files?
7. How Many Ways to Select HTML Tag Instances?
8. What Is a Class Selector?
9. What Is an ID Selector?
10. What Is a Contextual Selector?
11. What Is a Group Selector?
12. What Is a Mixed Selector?
13. What Are the Pseudo Classes on <A> Tags?
14. How To Group CSS Definitions Together?
15. What Is Style Property Inheritance?
16. What Is CSS Cascading?
17. What Are the CSS Cascading Order Rules?
18. How To Remove the Top White Space of Your Web Page?
19. How To Set Different Text Fonts Inside Tables?
20. How To Use Class Selectors to Differentiate Tag Instances?
21. How To Use IDs to Override Classes?