Today's content:
CSS: focus - selector, layout
- Advanced Selector - pseudo-class selectors
- Common Style
- three layout mode
* form submission:
GET: unsafe submit data and efficient;
POST: safety data submitted, inefficient;
reception can submit data to the background, the background will give the front desk a result of feedback
***** senior selector:
1 The group selector: a plurality of control * /
NOTE: each selector bits can be combined as id, class, tag, selector
2. descendants (progeny) selector: controlling a tag, in front of all modifications
body .div2 .p2 {/ * space progeny, father (Sun) * /
Color: Orange;
}
.div2> div> .p2 {/ * offspring> Sons * /
Color: Pink;
}
3. Brothers (adjacent) Selector: controlling a tag, in front of all modifications
.p3 ~ .i3 {/ * ~ brothers, may be adjacent or not adjacent, but * must be modified downward / upward by
Color: GreenYellow;
}
.div3 .i3 + {/ * + adjacent, must be adjacent, but must by modifying the top downward * /
Color: Green;
}
summary:
High priority selector: selector advanced by weight (the number of) the difference between priority, provided with a plurality of selector control tag;
id> class> tag eg: a selector id and class n is higher than the tag selector
The same kind: than the number eg: first comparing id number, who sleep a high priority, and then compare the same number of classes, and so on
The same number: the order than eg: the number of all types all (id, class, tag) are the same function in the bottom of the
Senior selector species does not affect the priority eg: descendant selectors, selectors offspring, sibling selector will not run priority ...