QUIZ ON : css - SELECTORS

SELECTORS

00:00:00

Question No# : 01 out of 50

How do you group multiple selectors?

A. Separate each selector with a plus sign

B. Separate each selector with a space

C. Separate each selector with a comma

D. Seperate each selector with a star

Question No# : 02 out of 50

Which of the following selector selects the element that is the targeted in the URL?

A. :selected

B. :link

C. :target

D. :enabled

Question No# : 03 out of 50

Which of the following selector selects the elements that are the default among a set of similar elements?

A. :default

B. :%

C. :disabled

D. None of these

Question No# : 04 out of 50

Which attribute specifies a unique alphanumeric identifier to be associated with an element?

A. class

B. id

C. article

D. html

Question No# : 05 out of 50

Which of the following CSS selectors are used to specify a group of elements?

A. tag

B. id

C. class

D. both class and tag

Question No# : 06 out of 50

How do you style all elements with a specific attribute, regardless of its value

A. [attr]

B. [attr=""]

C. [attr=*]

D. attr[ ]

Question No# : 07 out of 50

Which of the following is true for pseudo class in CSS?

A. Match A Specified Element

B. Select The Active Links

C. Are Used to Select All the Visited Links

D. Are Used to Define a Special State of An Element

Question No# : 08 out of 50

Match the CSS Sub-Selector with Its Meaning <table class="table table-bordered"><tbody><tr><td>CSS Sub-Selector</td><td>Meaning</td></tr><tr><td>A. div p</td><td>1. Selects all elements directly inside a <div><div style="font-size: 14px;"></div></td></tr><tr><td>B. div > p</td><td>2. Selects all elements inside a <div>, at any level</td></tr><tr><td>C. div + p</td><td>3. Selects the first element immediately after a <div></td></tr><tr><td>D. div ~ p</td><td>4. Selects all elements that come after a <div>, but not necessarily immediately</td></tr><tr><td> </td><td>5. Selects only the first inside a <div></td></tr><tr><td> </td><td>6. Selects all elements inside a <div>, including nested ones</td></tr></tbody></table>

A. A → 2, B → 1, C → 3, D → 6

B. A → 2, B → 1, C → 3, D → 4

C. A → 2, B → 5, C → 3, D → 4

D. A → 5, B → 1, C → 3, D → 4

Question No# : 09 out of 50

The CSS pseudo-class :hover is used to select an element when

A. It is being clicked

B. It is being hovered over with the mouse

C. It is the first child of its parent

D. It is visited

Question No# : 10 out of 50

Which symbol indicates class selector in CSS.

A. Hash

B. Plus

C. Dot

D. None

Question No# : 11 out of 50

Which of the following selector selects all elements of E that have the attribute attr that end with the given value?

A. E[attr^=value]

B. E[attr$=value]

C. E[attr*=value]

D. None of these

Question No# : 12 out of 50

Which CSS selector will be used to define a single element style?

A. ID

B. Class

C. Text

D. Name

Question No# : 13 out of 50

How to apply styles to para’s having class ‘style’? (There are other elements with same class name)

A. p

B. p.style

C. p-style

D. .style

Question No# : 14 out of 50

How do you group selectors?

A. Separate each selector with a plus sign

B. Separate each selector with a comma

C. Separate each selector with a space

D. All of These

Question No# : 15 out of 50

How do you target the last child of a parent element

A. :nth-child(last)

B. :last-child

C. :only-child

D. :nth-last-child(1)

Question No# : 16 out of 50

The pseudoclass is activated when the user moves the mouse cursor over the specified element.

A. mouse over

B. mouse hover

C. hover

D. mouse move

Question No# : 17 out of 50

Which of the following is the CSS Extension Prefixes for Webkit ?

A. -webkit

B. -0-

C. web

D. -chrome

Question No# : 18 out of 50

The :nth-child(odd) selector in CSS selects

A. Every odd-numbered child element of its parent

B. Every even-numbered child element of its parent

C. Only the first child element of its parent

D. All child elements of its parent

Question No# : 19 out of 50

Which selector is used to specify a group of elements?

A. id

B. class

C. tag

D. both b) and c)

Question No# : 20 out of 50

Which of the following attribute is used to provide a unique name to an element?

A. class

B. id

C. type

D. None of the above

Question No# : 21 out of 50

What does the general sibling selector (~) do

A. Selects all elements

B. Selects all siblings after a specified element

C. Selects only the first sibling of a specified element

D. Selects only the last sibling of a specified element

Question No# : 22 out of 50

If the elements - , <h4> and <a> tags are needed to be of the orange color, then which of the following will do this?

A. p h4 a { color: orange; }

B. p; h4; a { color: orange; }

C. p+a+h4 { color: orange; }

D. h4, a, p { color: orange; }

Question No# : 23 out of 50

The :not(selector) in CSS is used to

A. Select all elements

B. Select all elements except the specified selector

C. Select only the first child of its parent

D. Select only the last child of its parent

Question No# : 24 out of 50

Which of the following selectors select any tag with an id attribute set ?

A. E#id

B. .class

C. #id

D. *

Question No# : 25 out of 50

Match the CSS User Action Pseudo-Class with Its Effect <table class="table table-bordered"><tbody><tr><td>CSS Pseudo-Class</td><td>Effect</td></tr><tr><td>A. :hover</td><td>1. Styles an element when the mouse leaves it</td></tr><tr><td>B. :focus</td><td>2. Applies a style when an element is clicked or focused</td></tr><tr><td>C. :active</td><td>3. Applies a style when an element is actively being clicked</td></tr><tr><td>D. :visited</td><td>4. Styles a link that has been previously clicked (visited)</td></tr><tr><td> </td><td>5. Styles an element only when it is visible on the screen</td></tr><tr><td> </td><td>6. Applies a style when an element is hovered over</td></tr></tbody></table>

A. A → 4, B → 3, C → 2, D → 1

B. A →5, B → 4, C → 3, D → 2

C. A → 6, B → 2, C → 3, D → 4

D. A → 5, B → 2, C → 3, D → 6

Question No# : 26 out of 50

Match the CSS Selector with Its Description <table class="table table-bordered"><tbody><tr><td>CSS Selector</td><td>Description</td></tr><tr><td>A. #header</td><td>1. Selects all elements of a specific type</td></tr><tr><td>B. .container</td><td>2. Selects an element with a unique ID</td></tr><tr><td>C. p</td><td>3. Selects all elements with a specific class name</td></tr><tr><td>D. *</td><td>4. Selects all elements on a page</td></tr><tr><td> </td><td>5. Selects only the first paragraph inside a div</td></tr><tr><td> </td><td>6. Selects only links inside a navigation menu</td></tr></tbody></table>

A. A →1, B →5, C → 3, D → 4

B. A → 2, B → 3, C → 1, D → 4

C. A → 2, B → 6, C → 4, D → 3

D. A → 5, B → 3, C → 2, D → 4

Question No# : 27 out of 50

Which selector is called the “Immediate Sibling Selector”?

A. ~

B. >

C. +

D. *

Question No# : 28 out of 50

Which selector selects elements based on a certain state ?

A. Combinator selector

B. Pseudo Class selector

C. Pseudo elements selector

D. Attribute selector

Question No# : 29 out of 50

Which of the following selector select an element if it's the child of its parent ?

A. :root

B. :nth-of-type(n)

C. :only-child

D. none of the mentioned

Question No# : 30 out of 50

How can you apply the same style to multiple selectors in a single rule

A. Separate each selector with a comma

B. Use the & symbol

C. Use the || symbol

D. Separate each selector with a colon

Question No# : 31 out of 50

What does the adjacent sibling selector (+) do

A. Selects the first child of an element

B. Selects all sibling elements

C. Selects the immediately next sibling of an element

D. Selects the parent of an element

Question No# : 32 out of 50

How do you select all paragraphs in CSS

A. p:all

B. paragraph:all

C. p *

D. p

Question No# : 33 out of 50

Which pseudo-class targets an input field while it is being typed in

A. focus

B. hover

C. active

D. checked

Question No# : 34 out of 50

What is the correct CSS syntax for making all the elements bold?

A.

B. p {text-size:bold;}

C.

D. p {font-weight:bold;}

Question No# : 35 out of 50

How can you select an element with the id "example" in CSS

A. #example

B. .example

C. element#example

D. example

Question No# : 36 out of 50

Which of the following selector select sibling ?

A. E.class

B. E~F

C. *

D. E,F,G

Question No# : 37 out of 50

Which of the following selector selects the elements that are checked?

A. E ~ F

B. ::after

C. :checked

D. None of these

Question No# : 38 out of 50

Which of the following selector applied styles to elements that are valid per HTML5 validations set either with the pattern or type attributes ?

A. :valid

B. :required

C. :optional

D. :invalid

Question No# : 39 out of 50

How do you select elements with class name "test"?

A. *test

B. #test

C. .test

D. test

Question No# : 40 out of 50

How do you select an element with the class name "example" in CSS

A. .example

B. #example

C. element.example

D. example

Question No# : 41 out of 50

How do you select an element with id "demo"?

A. demo

B. #demo

C. .demo

D. *demo

Question No# : 42 out of 50

Which selector is being used to specify a group of elements

A. Name

B. ID

C. Class

D. Tag

Question No# : 43 out of 50

How can you select all elements of a specific class in CSS

A. #classname

B. .classname

C. element.classname

D. *classname

Question No# : 44 out of 50

How do you apply styles to all <input> elements that are checked?

A. input:checked

B. input:focus

C. input:hover

D. input:active

Question No# : 45 out of 50

Which of the following selector selects the elements that are currently enabled?

A. :element

B. :empty

C. :enabled

D. None of these

Question No# : 46 out of 50

Which selector targets only <li> elements that are directly under an <ul>?

A. ul > li

B. ul li

C. ul + li

D. ul ~ li

Question No# : 47 out of 50

Which CSS pseudo-class is used to select and style a link that has been visited?

A. :link

B. :visited

C. :active

D. :hover

Question No# : 48 out of 50

Which type of CSS is used in the code ?

A. External CSS

B. Internal CSS

C. Inline CSS

D. None of these

Question No# : 49 out of 50

How can you select all direct child elements of a specific parent in CSS

A. parent > child

B. parent child

C. parent .child

D. parent + child

Question No# : 50 out of 50

Match the CSS Attribute Selector with Its Function <table class="table table-bordered"><tbody><tr><td>CSS Attribute Selector</td><td>Function</td></tr><tr><td>A. [type="text"]</td><td>1. Selects all elements that have a title attribute</td></tr><tr><td>B. [title]</td><td>2. Selects input fields with the type exactly as "text"</td></tr><tr><td>C. [href^="https"]</td><td>3. Selects all <a> tags where href starts with "https"</td></tr><tr><td>D. [class~="btn"]</td><td>4. Selects elements whose class attribute contains "btn" as a separate word</td></tr><tr><td> </td><td>5. Selects elements where class contains "btn" anywhere in the value</td></tr><tr><td> </td><td>6. Selects elements where href contains "https" anywhere in the URL</td></tr></tbody></table>

A. A → 2, B → 5, C → 3, D → 4

B. A → 2, B → 6, C → 3, D → 4

C. A → 5, B → 1, C → 3, D → 4

D. A → 2, B → 1, C → 3, D → 4