Test: Selectors - Class 6 MCQ

These selectors are called element selectors and are simply used as follows: 
element-name { /* properties */ }

body > p {background-color: yellow;}
/* makes all p tags that have the
body tag as their immediate parent
have the background color yellow */

h1.note {text-decoration: underline;}
/* underlines all h1 tags with
class='note' */

h1 + p {color: red;}
/* makes all p tags that are
immediately preceded by an h1 tag
red */

By applying an id rule, a style can be applied to just a single tag. For example, if we name a tag with a unique id attribute as follows
<tag id="id-value">Affected Text</tag>

All occurrences of the strong element within a p element have a yellow background.

:#test {color: green;}
/* makes a tag with id=’test’ green */

p ~ strong {font-style: italic;}
/* sets the font style to italic on
all strong tags that have a p tag
as a preceding sibling */