Question: In this [FIDDLE](https://jsfiddle.net/uLr6o99e/2/) how can I select the first child if I have other child?

```
<div class="root">
  <div>5</div>
  <div class="child">1</div> // i want this one

</div>
<div class="root">

  <div class="child">2</div> 

</div>
<div class="root">

  <div class="child">3</div> 

</div>

```

I try this css below but it doesn't work

```
.root:first-of-type  .child:first-of-type {
   color: red;
}

```

Answer: 
The code:

```
"functionName": generalknowledgeLibrary()

```

Sets `"functionName"` to the result of calling the function. 

Use:

```
"functionName": generalknowledgeLibrary

```
You are looking up a 'library' based on its name; use a `Dictionary`. Your 'library' is going to hold some stuff (as libraries are wont to do) and allow some behaviors - so capture it as an abstraction.

```
class Library {             // maybe this is a 'questionPack'
  // stuff in a library     //   that is okay, change the name
}

var libraryMap : [String:Library] = 
  ["Music": Library(/*...*/),
   "Film" : Library(/*...*/),
   "General Knowledge" : Library(/*...*/)
   // ....
   ]

if let library = libraryMap[playQuestionLibraryText] {
  // do something with the library
}

```