1、标签选择器
标签选择器其实就是html代码中的标签。如<html>、<body>、<h1>、<p>、<img>
等。例如下面代码:
p{font-size:12px;color:red;}
2、类选择器
注:以英文圆点开头,其中类选器名称可以任意起名(尽量取有含义的类名)
.类选器名称{css样式代码;}
3、ID选择器
注:、ID选择符的前面是井号(#)号,而不是英文圆点(.)
#setRed{
color:red;
}
<span id="setRed">我是红色的呦</span>
4、子选择器
注:即大于符号(>),用于选择指定标签元素的第一代子元素。
.first>span{border:1px solid red;}
5、包含选择器
注:后代选择器是作用于所有子后代元素。后代选择器通过空格来进行选择,而子选择器是通过“>”进行选择。
.first span{font-size:16px;color:red;}
6、通用选择器
注:使用一个(*)号指定,它的作用是匹配html中所有标签元素
* {font-size:16px;color:red;}
正在更新中…