0
点赞
收藏
分享

微信扫一扫

CSS基础选择器的使用

逸省 2022-01-22 阅读 75

一.CSS元素选择器:

也叫标记选择器,比如p, h1, em, a,甚至可以是HTML本身。例如:html{color:black;} p{color:red;}

二.CSS类选择器

1.

 基本语法格式为:.类名{属性1:属性值1;属性2:属性值2;},类选择器最大的优势是可以为元素对象定义单独或相同的样式。例如:

<h1 class=“important”> The heading is very important.</h1>  <p class=“important”>The paragraph is very important.</p>

.important{color:red;}

2.类选择器--多类名

我们可以给一个标签指定多个类名,从而达到更多的选择目的。这些类名都可以选出这些标签,简单理解就是一个标签有多个名字。

多类名的使用方式:1.在标签class属性中写多个类名;2.多个类名中间必须用空格分开;3.这个标签就可以分别具有这些类名的样式

三.CSS的id选择器

id选择器使用“#”进行标识,后面紧跟id名,其基本语法格式为:#id名{属性1:属性值1;属性2:属性值2;},元素的id值是唯一的,例如:#red{color:red;} #green{color:green}

<p id=“red”>这个段落为红色。</p>

<p id=“green”>这个段落为绿色。</p>

 

四.通配符选择器

通配符选择器用“*”号表示,是所有选择器中作用范围广泛最广的,例如:*{background-color:yellow;}

五.基础选择器总结

 

 

举报

相关推荐

0 条评论