目录
链接伪类选择器(用a标签可以添加的状态,可以改变链接不同状态的样式)
CSS选择器
基础选择器
- 标签选择器
- 类选择器
- id选择器
- 通配符选择器
复合选择器
- 多个基础选择器组成
一、CSS基础选择器
标签选择器
标签名{ 属性1:属性值; 属性2:属性值; 属性3:属性值; ... ... }
作用:
- 可以把某一类标签全部选出来,譬如<div>,<span>
优点:
- 能够快速为页面元素设置统一样式
缺点:
- 不能差异化,全部统一
类选择器(最常用的选择器)
在CSS中定义一个类,为这个类添加样式属性,在HTML中为需要此样式的标签添加class属性。
作用:通过使用标签,可以在一段相同标签中为预设的一个或多个语句添加样式。
注意:
- 长命名可以在雷鸣中使用短横线,例:.yu-ong{}
- 类命名规则
CSS:
.类名{
属性1:属性值;
...
...
}
HTML:
<li class="类名">...</li>
<li>...</li>
<li>...</li>
id选择器(和类选择器结合记忆)
W3C规定:
类选择器可以重复多次使用,类似于人名,是可以复用的
id选择器是唯一的,类似于身份证号,且只允许使用一次
CSS:
#big{ /*id选择器*/
color:red;
}
HTML:
<div id="big">lily</div>
通配符选择器(使用范围最广)
<style>
*{ *就代表所有选择器
color:pink;
}
</style>
<body>
<p>1111</p>
<div>2222</div>
<span>3333</span>
<em>4444</em>
<strong>5555</strong>
</body>