CSS Selectors

Question 1

CSS Purpose

Answer 1

mainly to prescribe how the various HTML elements in a set of HTML documents should render, on the screen, on paper, or in other media.

Question 2

Three different ways in that CSS can be used in HTML documents:

Answer 2

• An external style sheet. A reference inside the element (inside the section)
• An internal style sheet. Defined within the element (inside the section)
• An inline style. added directly to the element (which applies the rules) as an attribute

Question 3

When multiple CSS styles are defined for the same element,

Answer 3

the value from the last read style sheet will be used.

Question 4

Styles application priority:

Answer 4

• Inline style
• External and internal style sheets
• The browser default value

Question 5

CSS rule-set components:

Answer 5

• selector(s)

- declaration block(s)

Question 6

The declaration block contains one or more declarations separated by semicolons.

Answer 6

Each declaration includes a CSS property name and a

value separated by a colon.

Question 7

The declaration block contains one or more declarations separated by semicolons.

Answer 7

Each declaration includes a CSS property name and a

value separated by a colon.

Question 8

CSS selectors are used to find elements in the HTML document based on

Answer 8

element name, ID, class, attribute, or other specifiers.

Question 9

CSS Selector: Elements div with an attribute class=”even”

Answer 9

div.even

Question 10

CSS Selector: An element with id=”login”

Answer 10

login

Question 11

CSS Selector: All elements

Answer 11

*

Question 12

CSS Selector: All input elements

Answer 12

input

Question 13

CSS Selector: All p and all div elements

Answer 13

p,div

Question 14

CSS Selector: All input elements (descendents) inside all div elements

Answer 14

div input

Question 15

CSS Selector: All input elements that have the div element as the (direct) parent

Answer 15

div > input

Question 16

CSS Selector: Selects all p elements that are placed immediately after element br

Answer 16

br + p

Question 17

CSS Selector: Selects all p elements that are placed immediately before element br

Answer 17

p ~ br

Question 18

XPATH: Elements div with an attribute class=”even”

Answer 18

//div[@class=”even”]

Question 19

XPATH: An element with id=”login”

Answer 19

//*[@id=”login”]

Question 20

XPATH: All elements

Answer 20

//*

Question 21

XPATH: All input elements

Answer 21

//input

Question 22

XPATH: All input elements inside all div elements

Answer 22

//div//input

Question 23

XPATH: All input elements that have the div element as the parent

Answer 23

//div/input

Question 24

CSS Selector: All elements with the lang attribute

Answer 24

[lang]

Question 25

CSS Selector: All elements with the lang attribute of exactly en

Answer 25

[lang=en]

Question 26

REVIEW ! CSS Selector: All elements that have the lang attribute equal to en or starting with the string en followed by a hyphen

Answer 26

[lang | =en]

Question 27

REVIEW ! CSS Selector: All elements that have the lang attribute ending with the string en

Answer 27

[lang$=en]

Question 28

CSS Selector: All elements that have the lang attribute whose value is a whitespace-separated list of words, one of which is exactly the
string “en”

Answer 28

[lang~=en]

Question 29

CSS Selector: All elements that have lang attribute containing string en

Answer 29

[lang*=en]

Question 30

CSS selectors for form elements: Selects all checked elements (for check boxes, radio buttons, and options) that are toggled to an on state

Answer 30

:checked

Question 31

CSS selectors for form elements: Selects any form element that is the default among a group of related elements

Answer 31

:default

Question 32

CSS selectors for form elements: Selects all elements that have been defined

Answer 32

:defined

Question 33

CSS selectors for form elements: Selects all elements that have been disabled

Answer 33

:disabled

Question 34

CSS selectors for form elements: Selects all elements that have been enabled

Answer 34

:enabled

Question 35

CSS selectors for form elements: Selects the element currently with focus

Answer 35

:focus

Question 36

CSS selectors for form elements: Selects the element currently with focus

Answer 36

:focus

Question 37

CSS selectors for form elements: Selects any form elements that fail to validate

Answer 37

:invalid

Question 38

CSS selectors for form elements: Selects form elements which do not have required attribute set

Answer 38

:optional

Question 39

CSS selectors for form elements: Selects any input elements whose current value is outside the min and max attributes

Answer 39

:out-of-range

Question 40

CSS selectors for form elements: Selects elements which are not editable by user

Answer 40

:read-only

Question 41

CSS selectors for form elements: Selects elements which are editable by user

Answer 41

:read-write

Question 42

CSS selectors for form elements: Selects form elements with required attribute set

Answer 42

:required

Question 43

CSS selectors for form elements: Selects form elements that do validate successfully

Answer 43

:valid

Question 44

CSS selectors for form elements: Selects the links that a user has already visited

Answer 44

:visited

Question 45

CSS: Selects the elements that do not match the specified selector

Answer 45

:not()

Question 46

CSS: Selects all elements that are first children of their parent
elements

Answer 46

:first-child

Question 47

CSS: Selects all elements that are last children of their parent elements

Answer 47

:last-child

Question 48

CSS: Selects all elements that are nth children of their parent elements

Answer 48

:nth-child()

Question 49

CSS: Selects all elements that are nth children of their parent
elements counting from the last child

Answer 49

:nth-last-child()

Question 50

CSS: Selects all elements that are nth div children of their parent elements

Answer 50

div:nth-of-type()