User Tools

Site Tools


en:web_development:tables:selectors

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:tables:selectors [2022/03/14 09:41]
mag [ID]
en:web_development:tables:selectors [2023/08/16 09:33] (current)
Line 144: Line 144:
   * Notice the difference between the last two examples. The first <html>#carlos .age</html> with a space between the options says to select the elements with class age inside the element with id carlos. The second <html>td.age</html> has no space, which says to select elements that are both data cells and class age.   * Notice the difference between the last two examples. The first <html>#carlos .age</html> with a space between the options says to select the elements with class age inside the element with id carlos. The second <html>td.age</html> has no space, which says to select elements that are both data cells and class age.
   * There are many other ways of specifying and combining selectors, but these are the main ones you'll use often. For more, follow the link on the Summary page.   * There are many other ways of specifying and combining selectors, but these are the main ones you'll use often. For more, follow the link on the Summary page.
 +
 +==== Final Code ====
 +  * [[https://techschool.murraygunn.id.au/webdev/classes/tables/3/en.php|tables.html]]
 +  * [[https://techschool.murraygunn.id.au/webdev/classes/tables/3/style.php|style.css]]
 +  * [[https://techschool.murraygunn.id.au/webdev/classes/tables/3/tables.html|result]]
  
 [[en:web_development:tables:arrays|Next: Javascript Arrays and Loops]] [[en:web_development:tables:arrays|Next: Javascript Arrays and Loops]]
en/web_development/tables/selectors.1647276099.txt.gz · Last modified: 2023/08/16 09:33 (external edit)