際際滷

際際滷Share a Scribd company logo
CSS Selectors
 Find elements by using CSS selectors and
jQuery
 Structure a CSS file by using CSS selectors
Agenda
 Choose the correct selector to reference an element.
 Define element, style, and attribute selectors.
 Find elements by using pseudo-elements and pseudo-
classes (for example, :before, :first-line, :first-letter, :target,
:lang, :checked, :first-child)Reference elements correctly.
 Implement inheritance; override inheritance by using
!important
 Style an element based on pseudo-elements and pseudo-
classes (for example, :before, :first-line, :first-letter, :target,
:lang, :checked, :first-child).
http://www.w3schools.com/cssref/css_selectors.asp
Goal and Objective
 How can control the style of the our html elements using CSS
selectors.
 how we can differentiate element or using different style for
elements of the same type.

More Related Content

CSS Selectors

  • 1. CSS Selectors Find elements by using CSS selectors and jQuery Structure a CSS file by using CSS selectors
  • 2. Agenda Choose the correct selector to reference an element. Define element, style, and attribute selectors. Find elements by using pseudo-elements and pseudo- classes (for example, :before, :first-line, :first-letter, :target, :lang, :checked, :first-child)Reference elements correctly. Implement inheritance; override inheritance by using !important Style an element based on pseudo-elements and pseudo- classes (for example, :before, :first-line, :first-letter, :target, :lang, :checked, :first-child). http://www.w3schools.com/cssref/css_selectors.asp
  • 3. Goal and Objective How can control the style of the our html elements using CSS selectors. how we can differentiate element or using different style for elements of the same type.

Editor's Notes

  • #4: Use multiple points, if necessary.