Search Header Logo

CSS Selectors

Authored by Richard Ghiorse

Computers

9th - 12th Grade

Used 4+ times

CSS Selectors
AI

AI Actions

Add similar questions

Adjust reading levels

Convert to real-world scenario

Translate activity

More...

    Content View

    Student View

5 questions

Show all answers

1.

MULTIPLE CHOICE QUESTION

30 sec • 1 pt

Which symbol is used to indicate a CSS class selector?

. (a period)

# (a hashtag)

; (a semicolon)

: (a colon)

2.

MULTIPLE CHOICE QUESTION

30 sec • 1 pt

Which symbol is used to indicate a CSS id selector?

. (a period)

# (a hashtag)

; (a semicolon)

: (a colon)

3.

MULTIPLE CHOICE QUESTION

30 sec • 1 pt

Suppose there is a CSS class called fancy that already exists. Which of the following bits of HTML code correctly uses the fancy class?

<p .fancy>I'm fancy!</p>

<p class fancy>I'm fancy!</p>

<p class="fancy">I'm fancy</p>

<p .fancy class>I'm fancy</p>

4.

MULTIPLE CHOICE QUESTION

30 sec • 1 pt

Suppose there is a CSS id called uniquestyle that already exists. Which of the following bits of HTML code correctly uses the uniquestyle id?

<h1 #uniquestyle>I have a unique style!</h1>

<h1 id="uniquestyle">I have a unique style!</h1>

<h1 #iduniquestyle>I have a unique style!</h1>

<h1 .uniquestyle>I have a unique style!</h1>

5.

MULTIPLE CHOICE QUESTION

30 sec • 1 pt

What is the correct CSS code for a class codefont that will style elements of that class with Courier New font?

#codefont {

font-family: "Courier New", monospace;

}

codefont {

font-family: "Courier New", monospace;

}

.codefont {

font-family: "Courier New", monspace;

}

.codefont {

font-family: "Courier New" monospace

}

Access all questions and much more by creating a free account

Create resources

Host any resource

Get auto-graded reports

Google

Continue with Google

Email

Continue with Email

Classlink

Continue with Classlink

Clever

Continue with Clever

or continue with

Microsoft

Microsoft

Apple

Apple

Others

Others

Already have an account?