Midterms - Cascading Style Sheets

Question 1

combinator matches all elements that are descendants of a specified element.

Answer 1

descendant (space)

div p {
  background-color: yellow;
}

Question 2

combinator selects all elements that are the children of a specified element.

Answer 2

Child Combinator (>)

div > p {
  background-color: yellow;
}

Question 3

combinator is used to select an element that is directly after another specific element

Answer 3

Adjacent Sibling Combinator (+)

Question 4

combinator selects all elements that are next siblings of a specified element.

Answer 4

General sibling combinator (~)

Question 5

is used to define a special state of an element.

Answer 5

pseudo-class

Question 6

The syntax of pseudo-classes:

Answer 6

selector:pseudo-class {
  property: value;
}

Question 7

pseudo-class matches a specified element that is the first child of another element.

Answer 7

:first-child

Question 8

pseudo-class allows you to define special rules for different languages

Answer 8

:lang

Question 9

is used to style specific parts of an element.

Answer 9

pseudo-element

Question 10

The syntax of pseudo-elements:

Answer 10

selector::pseudo-element {
  property: value;
}

Question 11

pseudo-element is used to add a special style to the first line of a text.

Answer 11

::first-line

Question 12

pseudo-element is used to add a special style to the first letter of a text.

Answer 12

::first-letter

Question 13

pseudo-element can be used to insert some content before the content of an element.

Answer 13

::before

Question 14

pseudo-element can be used to insert some content after the content of an element.

Answer 14

::after

Question 15

pseudo-element selects the markers of list items.

Answer 15

::marker

Question 16

pseudo-element matches the portion of an element that is selected by a user.

Answer 16

::selection

Question 17

property specifies the opacity/transparency of an element.

Answer 17

opacity

img {
  opacity: 0.5;
}

Question 18

is basically a list of links, so using the <ul> and <li> elements

Answer 18

navigation bar

 <ul>
  <li><a href="default.asp">Home</a></li>
  <li><a href="news.asp">News</a></li>
  <li><a href="contact.asp">Contact</a></li>
  <li><a href="about.asp">About</a></li>
</ul> 

Question 19

Displaying the links as block elements makes the whole link area clickable

Answer 19

display: block

Question 20

selector is used to select elements with a specified attribute and value.

Answer 20

[attribute=”value”]

Question 21

selector is used to select elements with an attribute value containing a specified word.

Answer 21

[attribute~=”value”]

Question 22

selector is used to select elements with the specified attribute, whose value can be exactly the specified value, or the specified value followed by a hyphen (-)

Answer 22

[attribute|=”value”]

Question 23

selector is used to select elements with the specified attribute, whose value starts with the specified value.

Answer 23

[attribute^=”value”]

Question 24

selector is used to select elements whose attribute value ends with a specified value.

Answer 24

[attribute$=”value”]

Question 25

selector is used to select elements whose attribute value contains a specified value.

Answer 25

[attribute*=”value”]