CSS Selectors

VIDYA ACADEMY

VIDYA ACADEMY Add- Rail Bazar Gurudwara Gali Fatehpur Mo- 8400499579

• Home
• Libre Office Calc
  • File Menu
  • Edit Menu
  • View Menu
  • Insert Menu
  • Format Menu
  • Style Menu
  • Sheet Menu
  • Data Menu
  • Tools Menu
  • Libre office Calc Formulas
  • Calc Shortcut Keys
• Mock Test
  • Mock Test-1
  • Mock Test-2
  • Mock Test-3
  • Mock Test-4
  • Mock Test-5
  • Mock Test-6
• CSS
  • What is css
  • Types of CSS
  • CSS Selectors
  • CSS Animation Properties
  • CSS Position Properties
• Courses
  • Java Script
  • Libre office Scalc
  • Libre office writer
  • Libre Office impress
  • Tally Accounting
  • Internet
  • HTML Tags

-:- CSS Selectors -:-

CSS selector are used to find (or select) the html element you want to style.

Types of selectors :-

1. Id selector
2. Class selector
3. Universal selector
4. Group selector
5. Tag selector
6. Combinatory selector
1. Descendent slector (space)
2. Child selector(>)
3. Adjacent sibiling selector (+)
4. General sibiling selector(~)
7. Attribute selector

1. CSS id selector :-

The id slector uses the id attribute of an HTML element to select a specific element. The id of an element is uniquw within a page, so the id selector is used to select one unique element! To select an element with a specific id, write a hash (#)chaacter, followed by the id of the element.

Example :-


2. CSS class selector :-

The class selector selets HTML element with a spefic class attribute. To select element with a specific class, write a period(.)character, followed by the class name.

Example :-


3. CSS Universal selector :-

The universal selector (*) selects all HTML element on the page.

Example :-


4. CSS Grouping selector :-

The grouping selector selects all the HTML element with the same style definition. Look at the following css code (the h1, h2, and p element have the same style definitions).

Example :-