Buy me a coffee

Form Block – Find nth-child()

#1. Suppose you have a Form Block with 5 fields:

  • Name
  • Email
  • Radio (You are?)
  • Textarea (Message Person)
  • Textarea (Message Business)

Form Block Find Nth Child 01 Min

#2. The :nth-child() should be

  • Name: div.field-list>*:nth-child(1)
  • Email: div.field-list>*:nth-child(2)
  • Radio: div.field-list>*:nth-child(3)
  • Radio (Person option): div.field-list>*:nth-child(3) .option:nth-child(2)
  • Radio (Business option): div.field-list>*:nth-child(3) .option:nth-child(3)
  • Textarea (Message Person): div.field-list>*:nth-child(4)
  • Textarea (Message Business): div.field-list>*:nth-child(5)

Form Block Find Nth Child 02 Min