Menu mobile
Home
Programming
Python Tutorial
Java Tutorial
C Tutorial
C++ Tutorial
Web Technology
HTML
CSS
Java Script
PHP
React JS
Node JS
Assignment
MS Office
HTML
CSS
Bootstrap
Java Script
JQuery
AngularJs
Project
Blog
QUIZ ON : css - SELECTORS
SELECTORS
00:00:00
English
Hindi
Question No# :
01
out of 50
<p>Match the CSS Sub-Selector with Its Meaning</p><p><br></p><table class="table table-bordered"><tbody><tr><td><span style="font-size: 14px;"><b>CSS Sub-Selector</b></span></td><td><span style="font-size: 14px;"><b>Meaning</b></span></td></tr><tr><td><span style="font-size: 14px;">A. div p</span></td><td><span style="font-size: 14px;">1. Selects all <p> elements directly inside a <div></span><div style="font-size: 14px;"></div></td></tr><tr><td><span style="font-size: 14px;">B. div > p</span></td><td><span style="font-size: 14px;">2. Selects all <p> elements inside a <div>, at any level</span></td></tr><tr><td><span style="font-size: 14px;">C. div + p</span></td><td><span style="font-size: 14px;">3. Selects the first <p> element immediately after a <div></span></td></tr><tr><td><span style="font-size: 14px;">D. div ~ p</span></td><td><span style="font-size: 14px;">4. Selects all <p> elements that come after a <div>, but not necessarily immediately</span></td></tr><tr><td><br></td><td><span style="font-size: 14px;">5. Selects only the first <p> inside a <div></span></td></tr><tr><td><br></td><td><span style="font-size: 14px;">6. Selects all <p> elements inside a <div>, including nested ones</span></td></tr></tbody></table><p><br></p>
CSS उप-चयनकर्ता का उसके अर्थ से मिलान करें
A.
A → 2, B → 1, C → 3, D → 6
A → 2, B → 1, C → 3, D → 6
B.
A → 2, B → 1, C → 3, D → 4
A → 2, B → 1, C → 3, D → 4
C.
A → 2, B → 5, C → 3, D → 4
A → 2, B → 5, C → 3, D → 4
D.
A → 5, B → 1, C → 3, D → 4
A → 5, B → 1, C → 3, D → 4
Question No# :
02
out of 50
Which selector selects elements based on a certain state ?
कौन सा चयनकर्ता एक निश्चित अवस्था के आधार पर तत्वों का चयन करता है?
A.
Combinator selector
Combinator selector
B.
Pseudo Class selector
Pseudo Class selector
C.
Pseudo elements selector
Pseudo elements selector
D.
Attribute selector
Attribute selector
Question No# :
03
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# :
04
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 ?
निम्न सेलेक्टरों में से कौन स्टाइल उन एलिमेंट पर लागू होता है जो एचटीएमएल5 मान्यताओं के अनुसार वैध है या तो पैटर्न या प्रकार एट्रीब्यूटो के साथ सेट हैं ?
A.
:valid
:valid
B.
:required
:required
C.
:optional
:optional
D.
:invalid
:invalid
Question No# :
05
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# :
06
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# :
07
out of 50
Which selector applies styles to all <p> elements inside a <div> with the class .content
कौन सा चयनकर्ता .content वर्ग के साथ <div> के अंदर सभी <p> तत्वों पर शैलियाँ लागू करता है
A.
content p
content p
B.
p.content
p.content
C.
.content > p
.content > p
D.
p .content
p .content
Question No# :
08
out of 50
Which CSS pseudo-element is used to select the first line of a block
किसी ब्लॉक की पहली पंक्ति का चयन करने के लिए किस CSS छद्म तत्व का उपयोग किया जाता है
A.
:first-line
:पहली पंक्ति
B.
:line-first
::पंक्ति-प्रथम
C.
:first-letter
:प्रथम पत्र
D.
:line-start
:लाइन-स्टार्ट
Question No# :
09
out of 50
Which of the following selector selects elements that do not match the selector s?
निम्नलिखित में से कौन सा चयनकर्ता उन तत्वों का चयन करता है जो चयनकर्ता से मेल नहीं खाते हैं?
A.
:!(s)
:!(s)
B.
:nth-child(s)
:nth-child(s)
C.
:not(s)
:not(s)
D.
None of these
None of these
Question No# :
10
out of 50
If the elements - <p>, <h4> and <a> tags are needed to be of the orange color, then which of the following will do this?
If the elements - <p>, <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; }
p h4 a { color: orange; }
B.
p; h4; a { color: orange; }
p; h4; a { color: orange; }
C.
p+a+h4 { color: orange; }
p+a+h4 { color: orange; }
D.
h4, a, p { color: orange; }
h4, a, p { color: orange; }
Question No# :
11
out of 50
How will you make all paragraph elements 'GREY in color?
आप सभी पैराग्राफ़ एलिमेंट्स को 'ग्रे रंग में' कैसे बनाएंगे?
A.
p.all{color: grey;}
p.all{color: grey;}
B.
p.all {color: #990000;}
p.all {color: #990000;}
C.
all.p {color: #998877:)
all.p {color: #998877:)
D.
p {color: grey;}
p {color: grey;}
Question No# :
12
out of 50
Which of the following is the CSS Extension Prefixes for Webkit ?
निम्नलिखित में से कौन वेबकिट के लिए सी एस एस एक्सटेंशन प्रीफिक्स है?
A.
-webkit
-webkit
B.
-0-
-0-
C.
web
web
D.
-chrome
-chrome
Question No# :
13
out of 50
Which of the following selector selects all elements of E that have the attribute attr that end with the given value?
निम्नलिखित में से कौन सा चयनकर्ता E के उन सभी तत्वों का चयन करता है जिनमें विशेषता attr है जो दिए गए मान के साथ समाप्त होती है?
A.
E[attr^=value]
E[attr^=value]
B.
E[attr$=value]
E[attr$=value]
C.
E[attr*=value]
E[attr*=value]
D.
None of these
इनमें से कोई नहीं
Question No# :
14
out of 50
Which of the following selector selects the element that is the targeted in the URL?
निम्न में से कौन सा चयनकर्ता उस एलिमेंट्स का चयन करता है जो URL में लक्षित है?
A.
:selected
:सेलेक्टेड
B.
:link
:लिंक
C.
:target
:टारगेट
D.
:enabled
:इनेबल्ड
Question No# :
15
out of 50
Which type of CSS is used in the code ? <p style = "border:2px solid red;">
<p style = "border:2px solid red;"> दिए गए कूट में किस प्रकार के CSS का प्रयोग किया गया है
A.
External CSS
External CSS
B.
Internal CSS
Internal CSS
C.
Inline CSS
Inline CSS
D.
None of these
None of these
Question No# :
16
out of 50
How can you select all elements of a specific class in CSS
आप CSS में किसी विशिष्ट वर्ग के सभी तत्वों का चयन कैसे कर सकते हैं
A.
#classname
#classname
B.
.classname
.classname
C.
element.classname
element.classname
D.
*classname
*classname
Question No# :
17
out of 50
Which selector is being used to specify a group of elements
एलिमेंट के ग्रुप को स्पेसिफ़ाई करने के लिए किस चयनकर्ता का उपयोग किया जा रहा है
A.
Name
नेम
B.
ID
आई डी
C.
Class
क्लास
D.
Tag
टैग
Question No# :
18
out of 50
How do you select elements with class name "test"?
How do you select elements with class name "test"?
A.
*test
*test
B.
#test
#test
C.
.test
.test
D.
test
test
Question No# :
19
out of 50
Which symbol indicates class selector in CSS.
CSS में कौन सा सिंबल क्लास सेलेक्टर को इंडीकेट करता है।
A.
Hash
हैश
B.
Plus
प्लस
C.
Dot
डॉट
D.
None
कोई भी नहीं
Question No# :
20
out of 50
How do you select an element with id "demo"?
How do you select an element with id "demo"?
A.
demo
demo
B.
#demo
#demo
C.
.demo
.demo
D.
*demo
*demo
Question No# :
21
out of 50
Which of the following is true for pseudo class in CSS?
सी एस एस में सूड़ो सिलेक्टर के लिए निम्नलिखित में से कौन सा कथन सत्य है?
A.
Match A Specified Element
Match A Specified Element
B.
Select The Active Links
Select The Active Links
C.
Are Used to Select All the Visited Links
Are Used to Select All the Visited Links
D.
Are Used to Define a Special State of An Element
Are Used to Define a Special State of An Element
Question No# :
22
out of 50
How do you select an element with the class name "example" in CSS
आप सीएसएस में क्लास नाम "उदाहरण" के साथ एक तत्व का चयन कैसे करते हैं
A.
.example
उदाहरण
B.
#example
#उदाहरण
C.
element.example
elementउदाहरण
D.
example
उदाहरण
Question No# :
23
out of 50
Which of the following CSS selectors are used to specify a group of elements?
निम्नलिखित में से किस सीएसएस चयनकर्ता का उपयोग तत्वों के समूह को निर्दिष्ट करने के लिए किया जाता है?
A.
tag
tag
B.
id
id
C.
class
class
D.
both class and tag
both class and tag
Question No# :
24
out of 50
Which of the following properties of an anchor element indicates that the user is currently clicking on an element ?
एंकर एलिमेंट के निम्नलिखित में से कौन सा गुण यह दर्शाता है कि उपयोगकर्ता वर्तमान में किसी एलीमेंट पर क्लिक कर रहा है?
A.
:link
:link
B.
:visited
:visited
C.
:hover
:hover
D.
:active
:active
Question No# :
25
out of 50
Which pseudo-class targets an input field while it is being typed in
कौन सा छद्म वर्ग किसी इनपुट फ़ील्ड को टाइप करते समय लक्षित करता है
A.
focus
focus
B.
hover
hover
C.
active
active
D.
checked
checked
Question No# :
26
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
:first-child
B.
:last-child
:last-child
C.
::first-line
::first-line
D.
::first-letter
::first-letter
Question No# :
27
out of 50
How to apply specific styles to h1 tag only when mouse points to it?
कसी H1 टैग पे माउस ले जाने पे कोई कस प्रोपेरी कैसे लगाएंगे
A.
h1.hover
h1.hover
B.
h1*hover
h1 *hover
C.
h1:hover
h1:hover
D.
h1-hover
h1-hover
Question No# :
28
out of 50
Which CSS selector will be used to define a single element style?
किसी एक एलिमेंट के स्टाइल को परिभाषित करने के लिए किस सी एस एस सेलेक्टर का उपयोग किया जायेगे ?
A.
ID
ID
B.
Class
Class
C.
Text
Text
D.
Name
Name
Question No# :
29
out of 50
How do you select all p elements inside a div element?
How do you select all p elements inside a div element?
A.
div p
div p
B.
div.p
div.p
C.
div + p
div + p
D.
div ~ p
div ~ p
Question No# :
30
out of 50
Which of the following selector select an element if it's the child of its parent ?
निम्न में से कौन सा सेलेक्टर एक एलिमेंट सेलेक्ट करता है यदि उसका चाइल्ड उसके पैरेंट का हो।
A.
:root
:root
B.
:nth-of-type(n)
:nth-of-type(n)
C.
:only-child
:only-child
D.
none of the mentioned
उल्लिखित में से कोई नहीं
Question No# :
31
out of 50
How do you add a background color for all <h1> elements?
आप सभी <h1> तत्वों के लिए पृष्ठभूमि रंग कैसे जोड़ते हैं?
A.
h1.all {background-color:red;}
h1.all {background-color:red;}
B.
h1 {background-color:red;}
h1 {background-color:red;}
C.
all.h1 {background-colorred;}
all.h1 {background-colorred;}
D.
.h1{background-color:red}
.h1{background-color:red}
Question No# :
32
out of 50
Which of the following selector selects the element that is the target of a referring URI?
निम्नलिखित में से कौन सा सेलेक्टर एलिमेंट को सेलेक्ट करता है जो एक रेफ़रिंग यूआरआई को टारगेट करता है?
A.
:target
:target
B.
:selection
:selection
C.
::selection
::selection
D.
URO
URO
Question No# :
33
out of 50
To cluster a group of elements together to apply formatting
फॉर्मेटिंग_________लागू करने के लिए एलिमेंट के समूह को एक साथ समूहित करना |
A.
tag
tag
B.
class
class
C.
id
id
D.
div
div
Question No# :
34
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# :
35
out of 50
Which of the following selector selects the elements that are currently enabled?
निम्नलिखित में से कौन सा चयनकर्ता उन एलिमेंट का चयन करता है जो वर्तमान में एक्टिव हैं?
A.
:element
:element
B.
:empty
:empty
C.
:enabled
:enabled
D.
None of these
इनमें से कोई नहीं
Question No# :
36
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# :
37
out of 50
How do you style all elements with a specific attribute, regardless of its value
आप सभी तत्वों को एक विशिष्ट विशेषता के साथ कैसे शैलीबद्ध करते हैं, चाहे उसका मूल्य कुछ भी हो
A.
[attr]
[attr]
B.
[attr=""]
[attr=''']
C.
[attr=*]
[attr=*]
D.
attr[ ]
attr[ ]
Question No# :
38
out of 50
Which of the following selector select sibling ?
निम्नलिखित में से कौन सा सेलेक्टर सिबलिंग को सेलेक्ट करता है?
A.
E.class
E.class
B.
E~F
E~F
C.
*
*
D.
E,F,G
E,F,G
Question No# :
39
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# :
40
out of 50
How do you group multiple selectors?
आप अनेक चयनकर्ताओं का समूह कैसे बनाते हैं?
A.
Separate each selector with a plus sign
Separate each selector with a plus sign
B.
Separate each selector with a space
Separate each selector with a space
C.
Separate each selector with a comma
Separate each selector with a comma
D.
Seperate each selector with a star
Seperate each selector with a star
Question No# :
41
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# :
42
out of 50
Which of the following selector selects an element if it’s the only child of its parent?
Which of the following selector selects an element if it’s the only child of its parent?
A.
:root
:root
B.
:nth-oftype(n)
:nth-oftype(n)
C.
:only-child
:only-child
D.
None of these
इनमें से कोई नहीं
Question No# :
43
out of 50
<p>Match the CSS Selector with Its Description</p><p><br></p><table class="table table-bordered"><tbody><tr><td><span style="font-size: 14px;"><b>CSS Selector</b></span></td><td><span style="font-size: 14px;"><b>Description</b></span></td></tr><tr><td><span style="font-size: 14px;">A. #header</span></td><td><span style="font-size: 14px;">1. Selects all elements of a specific type</span></td></tr><tr><td><span style="font-size: 14px;">B. .container</span></td><td><span style="font-size: 14px;">2. Selects an element with a unique ID</span></td></tr><tr><td><span style="font-size: 14px;">C. p</span></td><td><span style="font-size: 14px;">3. Selects all elements with a specific class name</span></td></tr><tr><td><span style="font-size: 14px;">D. *</span></td><td><span style="font-size: 14px;">4. Selects all elements on a page</span></td></tr><tr><td><br></td><td><span style="font-size: 14px;">5. Selects only the first paragraph inside a div</span></td></tr><tr><td><br></td><td><span style="font-size: 14px;">6. Selects only links inside a navigation menu</span></td></tr></tbody></table><p><br></p>
CSS चयनकर्ता का उसके विवरण से मिलान करें
A.
A →1, B →5, C → 3, D → 4
A →1, B →2, C → 3, D → 4
B.
A → 2, B → 3, C → 1, D → 4
A → 2, B → 3, C → 1, D → 4
C.
A → 2, B → 6, C → 4, D → 3
A → 2, B → 1, C → 4, D → 3
D.
A → 5, B → 3, C → 2, D → 4
A → 4, B → 3, C → 2, D → 1
Question No# :
44
out of 50
How to apply styles to all <span> element inside para’s having class ‘style’?
How to apply styles to all <span> element inside para’s having class ‘style’?
A.
p.style span
p.style span
B.
p.style.span
p.style.span
C.
p.style span*
p.style span*
D.
none of the above
none of the above
Question No# :
45
out of 50
In CSS, selectors are ___ used to select the element you want to style.
सीएसएस में, सेलेक्टर ___ का उपयोग उस तत्व का चयन करने के लिए किया जाता है जिसे आप स्टाइल करना चाहते हैं।
A.
Classes
Classes
B.
Patterns
Patterns
C.
Properties
Properties
D.
Functions
Functions
Question No# :
46
out of 50
How to apply styles to para’s having class ‘style’? (There are other elements with same class name)
How to apply styles to para’s having class ‘style’? (There are other elements with same class name)
A.
p
p
B.
p.style
p.style
C.
p-style
p-style
D.
.style
.style
Question No# :
47
out of 50
Which selector is used to specify a group of elements?
Which selector is used to specify a group of elements?
A.
id
id
B.
class
class
C.
tag
tag
D.
both b) and c)
both b) and c)
Question No# :
48
out of 50
The :not(selector) in CSS is used to
CSS में :not(selector) का उपयोग किया जाता है
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# :
49
out of 50
What is the correct CSS syntax for making all the <p> elements bold?
What is the correct CSS syntax for making all the <p> elements bold?
A.
<p style="font-size:bold;">
<p style="font-size:bold;">
B.
p {text-size:bold;}
p {text-size:bold;}
C.
<p style="text-size:bold;">
<p style="text-size:bold;">
D.
p {font-weight:bold;}
p {font-weight:bold;}
Question No# :
50
out of 50
How do you group selectors?
आप चयनकर्ताओं को कैसे समूहित करते हैं?
A.
Separate each selector with a plus sign
Separate each selector with a plus sign
B.
Separate each selector with a comma
Separate each selector with a comma
C.
Separate each selector with a space
Separate each selector with a space
D.
All of These
All of These
Latest Current Affairs 2025
Online Exam Quiz for One day Exam
Online Typing Test
CCC Online Test 2025
Python Programming Tutorials
Best Computer Training Institute in Prayagraj (Allahabad)
Best Java Training Institute in Prayagraj (Allahabad)
Best Python Training Institute in Prayagraj (Allahabad)
O Level Online Test in Hindi
Bank SSC Railway TET UPTET Question Bank
career counselling in allahabad
Sarkari Naukari Notification
Best Website and Software Company in Allahabad
Sarkari Exam Quiz