介绍
css对html进行样式的改变时,需要让他知道是要对谁进行样式的改变。这个就是css的选择器。
css样式
选择器 {属性:值; 属性:值;}
选择器种类
标签选择器
类选择器
标签选择器
描述:直接更改所有标签。
优点:可以快速方便的更改页面中所有的相关标签。
缺点:一改全改
案例:
选择h1标签,之后所有的h1标签都会变成所规定的样子。
类选择器
描述:规定一个样式,标签想用这个样式直接加上class属性就可以用这个样式。
优缺点:就是好用。
格式:
.类名{}
<标签 class="类名">
案例:
补充:
可以一个类给多种标签使用
可以一个标签使用多个类(如下)
id选择器
描述:只针对于id这个标签,而html的id标签基本只针对一个标签,也就是说这个id选择器只能针对这一个标签。
格式:
#id名 {}
案例演示:
通配符选择器
描述:一次性把所有标签的样式都改成规定的样子
格式:
* {}
案例演示:
唉不行,这颜色选的有点耀眼。。。
总结
好了这些就是css的选择器,根据实际需求选择使用。