QUIZ ON : css - SELECTORS

SELECTORS

00:00:00

Question No# : 01 out of 50

How will you make all paragraph elements 'GREY in color?

A. p.all{color: grey;}

B. p.all {color: #990000;}

C. all.p {color: #998877:)

D. p {color: grey;}

Question No# : 02 out of 50

How to apply specific styles to h1 tag only when mouse points to it?

A. h1.hover

B. h1*hover

C. h1:hover

D. h1-hover

Question No# : 03 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# : 04 out of 50

Which selector is being used to specify a group of elements

A. Name

B. ID

C. Class

D. Tag

Question No# : 05 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# : 06 out of 50

How do you select all paragraphs in CSS

A. p:all

B. paragraph:all

C. p *

D. p

Question No# : 07 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# : 08 out of 50

Which selector is called the “Immediate Sibling Selector”?

A. ~

B. >

C. +

D. *

Question No# : 09 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# : 10 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# : 11 out of 50

Which of the following selector selects the element that is the first child of its parent that is of its type?

A. :first-child

B. :last-child

C. ::first-line

D. ::first-letter

Question No# : 12 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# : 13 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# : 14 out of 50

Which selector applies the same style to h1, h2 and h3?

A. h1 h2 h3

B. h1+h2+h3

C. h1,h2,h3

D. h1>h2>h3

Question No# : 15 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# : 16 out of 50

In CSS, selectors are ___ used to select the element you want to style.

A. Classes

B. Patterns

C. Properties

D. Functions

Question No# : 17 out of 50

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

A. *test

B. #test

C. .test

D. test

Question No# : 18 out of 50

Which of the following selector matches a element based on its id?

A. The universal selector

B. The Descendant Selector

C. The Class selector

D. The id selector

Question No# : 19 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# : 20 out of 50

Which selector applies styles to all elements inside a <div> with the class .content

A. content p

B. p.content

C. .content > p

D. p .content

Question No# : 21 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# : 22 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# : 23 out of 50

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

A. :checked

B. E~F

C. ::after

D. None of the options

Question No# : 24 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# : 25 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# : 26 out of 50

Which symbol is used for an ID selector in CSS?

A. .(dot)

B. # (hash)

C. * (asterisk)

D. @ (at sign)

Question No# : 27 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# : 28 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# : 29 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# : 30 out of 50

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

A. -webkit

B. -0-

C. web

D. -chrome

Question No# : 31 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# : 32 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# : 33 out of 50

How do you select all p elements inside a div element?

A. div p

B. div.p

C. div + p

D. div ~ p

Question No# : 34 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# : 35 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# : 36 out of 50

Which selector applies style when the mouse pointer is placed over an element?

A. :focus

B. :active

C. :hover

D. :visited

Question No# : 37 out of 50

Which CSS pseudo-element is used to select the first line of a block

A. :first-line

B. :line-first

C. :first-letter

D. :line-start

Question No# : 38 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# : 39 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# : 40 out of 50

How do you add a background color for all <h1> elements?

A. h1.all {background-color:red;}

B. h1 {background-color:red;}

C. all.h1 {background-colorred;}

D. .h1{background-color:red}

Question No# : 41 out of 50

Which selector has the highest specificity?

A. Universal Selector (*)

B. Tag Selector

C. Class Selector

D. ID Selector

Question No# : 42 out of 50

Which of the following selector selects an element if it’s the only child of its parent?

A. :root

B. :nth-oftype(n)

C. :only-child

D. None of these

Question No# : 43 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# : 44 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# : 45 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# : 46 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# : 47 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# : 48 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# : 49 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# : 50 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