minor fixes

Author: mamtawardhani

content/javascript/concepts/dom-manipulation/terms/queryselectorall/queryselectorall.md

@@ -1,7 +1,6 @@
 ---
 Title: '.querySelectorAll()'
 Description: 'Returns a static (non-live) NodeList of all elements in the document that match the specified CSS selectors.'
-
 Subjects:
   - 'Code Foundations'
   - 'Developer Tools'
@@ -15,32 +14,41 @@ CatalogContent:
   - 'paths/front-end-engineer-career-path'
 ---
 
-# Document: querySelectorAll() method
-
 The document method **`querySelectorAll()`** returns a static (not live) `NodeList` of all elements that match the specified group of selectors.
 
 ## Syntax
 
 ```pseudo
 querySelectorAll(selectors);
 ```
-- **`selectors`**:
-This is a string representing one or more CSS selectors used to identify the elements you want to select from the document. You can use any valid CSS selector, including element selectors (e.g., `div`, `p`), class selectors (e.g., `.class-name`), id selectors (e.g., `#id-name`), and complex selectors (e.g., `div > p.class-name`). If multiple selectors are provided, they should be separated by commas (e.g., `'.class-name, #id-name'`).
 
-## Example
+- `selectors`: A string containing one or more CSS selectors used to match elements in the document. It follows the same rules as CSS [selectors](https://www.codecademy.com/resources/docs/css/selectors) and can include:
+  - Type selectors (`div`, `p`, `span`)
+  - Class selectors (`.class-name`)
+  - ID selectors (`#id-name`)
+  - Attribute selectors (`[type="text"]`, `[disabled]`)
+  - Combinations (`div p`, `.container > p`, `ul > li:first-child`)
+
+## Examples
+
+### Example 1
 
 In this example, a `NodeList` of all `<p>` elements in the document is obtained:
 
 ```js
 const matches = document.querySelectorAll("p");
 ```
 
+### Example 2
+
 This example returns a list of all `<div>` elements in the document with a class of either `note` or `alert`:
 
 ```js
 const matches = document.querySelectorAll("div.note, div.alert");
 ```
 
+### Example 3
+
 In this example, we get a list of `<p>` elements whose immediate parent is a `<div>` with the class `highlighted`, and which are inside a container with the ID `test`:
 
 ```js