User Tools

Site Tools


en:web_development:lists:multilevel_lists

Differences

This shows you the differences between two versions of the page.

Link to this comparison view

Both sides previous revision Previous revision
Next revision
Previous revision
en:web_development:lists:multilevel_lists [2022/02/23 11:58]
mag [Adding CSS]
en:web_development:lists:multilevel_lists [2023/08/16 09:33] (current)
Line 7: Line 7:
   * learn one way to target specific elements with CSS   * learn one way to target specific elements with CSS
 ==== Setup ==== ==== Setup ====
-  * We'll start from a blank slate, so delete all the HTML and CSS you've entered so far.+  * We'll start from a blank slate in [[https://jsfiddle.net|jsfiddle]], so delete all the HTML and CSS you've entered so far.
  
 ==== Nesting Lists ==== ==== Nesting Lists ====
Line 100: Line 100:
   * Now we can copy the CSS code from jsfiddle to your 'style.css' file.   * Now we can copy the CSS code from jsfiddle to your 'style.css' file.
   * Save that and again open the code in Live Server. It should now have the formatting we added.   * Save that and again open the code in Live Server. It should now have the formatting we added.
 +
 +==== Final Code ====
 +If your code doesn't look quite right or you want to check it against mine, here's what we've been working on.
 +  * [[https://techschool.murraygunn.id.au/webdev/classes/lists/2/en.php|lists.html]]
 +  * [[https://techschool.murraygunn.id.au/webdev/classes/lists/2/style.php|style.css]]
  
 [[en:web_development:lists:checklists|Next: Checklists]] [[en:web_development:lists:checklists|Next: Checklists]]
en/web_development/lists/multilevel_lists.1645646296.txt.gz ยท Last modified: 2023/08/16 09:33 (external edit)