css选择器-餐厅练习

文章目录

  • 第1关:Type Selector
  • 第2关:Type Selector
  • 第3关:ID Selector
  • 第4关:Descendant Selector
  • 第5关:Combine the Descendant & ID Selectors
  • 第6关:Class Selector
  • 第7关:Combine the Class Selector
  • 第8关:子元素选择器+交集选择器
  • 第9关:Comma Combinator
  • 第10关:The Universal Selector
  • 第11关:Combine the Universal Selector
  • 第12关:Adjacent Sibling Selector
  • 第13关:General Sibling Selector
  • 第14关:Child Selector
  • 第15关:First Child Pseudo-selector
  • 第16关:Only Child Pseudo-selector
  • 第17关:Last Child Pseudo-selector
  • 第18关:Nth Child Pseudo-selector
  • 第19关:Nth Last Child Selector
  • 第20关:First of Type Selector
  • 第21关:Nth of Type Selector
  • 第22关:Nth-of-type Selector with Formula
  • 第23关:Only of Type Selector
  • 第24关:Last of Type Selector
  • 第25关:Empty Selector
  • 第26关:Negation Pseudo-class
  • 第27关:Attribute Selector
  • 第28关:Attribute Selector
  • 第29关:Attribute Value Selector
  • 第30关:Attribute Starts With Selector
  • 第31关:Attribute Ends With Selector
  • 第32关:Attribute Wildcard Selector

餐厅练习: CSS Diner

通过条件:通过选择器选中晃动的物体

第1关:Type Selector

Select elements by their type
A
Selects all elements of type A. Type refers to the type of tag, so

,

and