CSS selectors

Question 1

If I want to apply a bunch of properties to several selectors, which character do I use to separate these selectors before declaring the properties in curly braces?

Answer 1

We will separate the selectors using commas.

Ex:

th, td, p.red, div#firstred { color: red; }

Question 2

If I want to apply properties to all paragraphs inside a div, how do I declare that before the curly braces?

Answer 2

div p { properties }

Just a space

Question 3

How do I proceed if I want to apply properties to all paragraphs which parent is a div element?

Answer 3

div > p

Question 4

What are the 3 basic CSS Selectors?

Answer 4

The Element selector - p {…}

The ID selector - #para1 {…}

The Class selector - .center {…}

Question 5

What is the difference between

.element .symbol

and

.element.symbol
and

.element.large .symbol

Answer 5

Question 6

What’s the difference between:

• comma separated identifiers?
• space separated identifiers?

Ex:

identifier_1, identifier_2, {…}

identifier_1 #identifier_2 {…}

Answer 6

Question 7

What’s the difference between:

• space separated identifiers?
• ’>’ separated identifiers?

Ex:

A B {…}

A > B {…}

Answer 7

> is the child selector

A > B will only select B that are direct children to A (that is, there are no other elements inbetween).

A B will select any B that are inside A, even if there are other elements between them.