One, type selector
Body
{
font-size:12px;
}
{
Color:blue;
}
A selector for the name of an existing label type on a Web page, as indicated above: all text within the body label is 12px, and the text color in the paragraph is blue.
Second, group selector
H4,p,span
{
font-size:12px;
}
Indicates that the text in all H4,p,span labels on the page is 12px in size, that is, the same style is specified for a group of objects, separated by commas between each label.
Three, including the selection character
Div p
{
Font-weight:bold;
}
Indicates that the text inside the p tag inside the div tag is bold, this is a include relationship, each label is separated by a space and can be included for multiple levels.
Four, ID and class selectors
An ID is a style definition of a unique element on a page that is used only once in a page, that is, the ID does not repeat
<div id= "Mydiv" >
..
</div>
#myDiv
{
font-size:12px;
}
class defines a common or often used style, a style that needs to appear multiple times on a page, that is, you can specify the same class for different tags, as follows: The fonts inside the div and P tags are all blue
<div class= "Red" >
</div>
<p class= "Red" ... </p>
. Red
{
Color:blue;
}
Five, combination selector
Use ID or class, and also use tags to group
H1 #cont
{
}
Represents a H1 label with an ID of cont
H1. cont
{
}
Represents all H1 tags with class as Cont
VI. Pseudo class Selector
Common as a label
A:link
{
}
A:hover
{
}
a:visited
{
}
Seven, the wildcard selector
*
{
Color:blue;
}
Indicates that all objects have a blue font.
