温馨提示×

css常用的三种选择器解释

css
木子
239
2021-05-12 18:11:08
栏目: 编程语言

css常用的三种选择器解释:1、标签选择器。2、class选择器。3、id选择器。


css常用的三种选择器解释


1、标签选择器

样式的名称要与标签名称相同,且代码中的p标签(<p>标签选择器</p>)对应已设置好的p的样式(p{color:blue;}),如果页面中存在多个p标签,则这些p标签共同享用这个样式。

代码案例:

p{

  color:blue;

}

<p>标签选择器</p>

2、class选择器

一个样式可以多次使用,一个class中可以有多个样式。

3、id选择器

一个页面中不能出现在多个标签中存在同样的id名称,id选择器并不像class选择器可以被多次使用,它只能在同一个页面中被使用一次。

优先级

id选择器>class选择器>标签选择器


1