What Is a ID Selector

Q

What Is a ID Selector? - CSS Tutorials - Introduction To CSS Basics

✍: FYIcenter.com

A

A ID selector selects all HTML tags that matches the id name defined in the tag attribute of id="id_name". ID selectors are specified with a leading hash like (#id_name). For example, the following CSS definition uses an ID selector:

/* set text to red to all tags with id="onSale" */
#onSale {color: red}

If you apply the above CSS definition to the following HTML document, you will get two blocks in red, one from the <p> tag and one from the <pre> tag:

<p>Normal paragraph...</p>
<p id="onSale">Special paragraph...</p>
<pre>Normal pre-formatted text...</pre>
<pre id="onSale">Special pre-formatted text...</pre>

2007-05-11, 5098👍, 0💬

What Is a Class Selector
What Is a Class Selector? - CSS Tutorials - Introduction To CSS Basics A class selector selects all HTML tags that matches the class name defined in the tag attribute of class="class_name". Class selectors are specified with a leading dot like (.class_name). For example, the following CSS definition... 2007-05-11, 5398👍, 0💬

What Is a Group Selector
What Is a Group Selector? - CSS Tutorials - Introduction To CSS Basics A group selector selects multiple HTML tags. Group selectors are specified with multiple tags separated with a comma like (tag, tag, tag). For example, the following CSS definition uses a group selector: /* set background color t... 2007-05-11, 5185👍, 0💬

What Is a ID Selector
What Is a ID Selector? - CSS Tutorials - Introduction To CSS Basics A ID selector selects all HTML tags that matches the id name defined in the tag attribute of id="id_name". ID selectors are specified with a leading hash like (#id_name). For example, the following CSS definition uses an ID selector... 2007-05-11, 5099👍, 0💬

How To Group CSS Definitions Together
How To Group CSS Definitions Together? - CSS Tutorials - Introduction To CSS Basics If you have multiple CSS definitions to be applied to the same HTML tag, you can write them together delimited with semicolon (;). The following CSS provides you a good example of CSS definition groups: pre.code {bac... 2007-05-11, 5057👍, 0💬

How Many Ways to Select HTML Tag Instances
How Many Ways to Select HTML Tag Instances? - CSS Tutorials - Introduction To CSS Basics 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 s... 2007-05-11, 5050👍, 0💬

What Is a Mixed Selector
What Is a Mixed Selector? - CSS Tutorials - Introduction To CSS Basics A mixed selector is a selector that uses a combination of all other selectors. The following CSS shows some good examples: /* selects <p class="quote"> tags */ P.quote {font-style: italic} /* selects <p class="quote... 2007-05-11, 5019👍, 0💬

How To Store CSS Definitions in External Files
How To Store CSS Definitions in External Files? - CSS Tutorials - Introduction To CSS Basics If you want to share a set of CSS definitions with multiple HTML documents, you should those CSS definitions in an external file, and link it to those HTML documents using the LINK tag in the HEAD tag as: &a... 2007-05-11, 4951👍, 0💬

How To Include CSS Inside a HTML Tag
How To Include CSS Inside a HTML Tag? - CSS Tutorials - Introduction To CSS Basics If you want to include CSS inside a HTML tag, you can use the STYLE attribute as <TAG STYLE="css_definition" ...>. Of course, the CSS definition will only apply to this instance of this tag. The following tutor... 2007-05-11, 4926👍, 0💬

How To Include CSS Inside the HEAD Tag
How To Include CSS Inside the HEAD Tag? - CSS Tutorials - Introduction To CSS Basics If you want to include CSS inside the HEAD tag and apply to the entire HMTL docuemnt, you can use the STYLE tag as <STYLE TYPE="text/css">css_definition </STYLE>.The following tutorial exercise shows y... 2007-05-11, 4868👍, 0💬

All rights in the contents of this web site are reserved by the individual author. fyicenter.com does not guarantee the truthfulness, accuracy, or reliability of any contents.