Code instances for CSS selectors and code instances for CSS Precedence

This article brings the content is about CSS Selector code example and CSS Priority code example, there is a certain reference value, the need for friends can refer to, I hope to help you.

<! DOCTYPE html>
/*INDEX.CSS file */p {    /* Set font Size: 50 pixels */    font-size:50px;    /* Set the background color of the P label to Silver Gray */    background-color:silver;} span {    font-size:28px;}
CSS Case

<! DOCTYPE html>

Wildcard Selector

<! DOCTYPE html><!--wildcard selector-->

CSS Selector

<! DOCTYPE html><!--Tag Selector-->

Class Selector

<! DOCTYPE html><!--class selector-->

Selector synthesis Exercise

<! DOCTYPE html><!--Tag Selector class selector ID selector-->
Composite Selector

<! DOCTYPE html><!--Composite selector: Tag-specific selector, descendant selector, and set selector-->

Child element Selector

<! DOCTYPE html><!--Sub-selector-->

Property Selector

<! DOCTYPE html><!--Property selector-->
Pseudo class Selector

<! DOCTYPE html><!--pseudo class selector-->

Pseudo element Selector

<! DOCTYPE html>
  CSS Properties  
 

<! DOCTYPE html>
  CSS Precedence  
 

<! DOCTYPE html><!--First principle: CSS precedence from high to Low: inline style embedding style external introduce style inherit style default style--><!--second principle: ID selector > class (pseudo Class) > tags > inheritance > Default-->