Home >> Tutorials/FAQs >> CSS Tutorials >> Index
CSS Tutorials - What Is a Contextual Selector
By: FYICenter.com
(Continued from previous topic...)
What Is a Contextual Selector?
A contextual selector selects a HTML tag that is nested inside another specified tag.
Contextual selectors are specified with two tags separated with a space like (outer_tag inner_tag).
For example, the following CSS definition uses a contextual selector:
/* set paragraph inside a table to use arial font family */
FORM P {font-family: arial}
If you apply the above CSS definition to the following HTML document, you will get the search instruction block
in "arial" font family:
<form action=search.cgi>
<p>Search instruction...</p>
<input type=submit value=Search>
</form>
<p>Other normal paragraphs...</p>
(Continued on next topic...)
- What Is CSS (Cascading Style Sheets)?
- What Is the Basic Unit of CSS?
- How Many Ways to Attach CSS to HTML Documents?
- How To Include CSS Inside an HTML Tag?
- How To Include CSS Inside the HEAD Tag?
- How To Store CSS Definitions in External Files?
- How Many Ways to Select HTML Tag Instances?
- What Is a Class Selector?
- What Is an ID Selector?
- What Is a Contextual Selector?
- What Is a Group Selector?
- What Is a Mixed Selector?
- What Are the Pseudo Classes on <A> Tags?
- How To Group CSS Definitions Together?
- What Is Style Property Inheritance?
- What Is CSS Cascading?
- What Are the CSS Cascading Order Rules?
- How To Remove the Top White Space of Your Web Page?
- How To Set Different Text Fonts Inside Tables?
- How To Use Class Selectors to Differentiate Tag Instances?
- How To Use IDs to Override Classes?
|