首页 > 其他分享 >选择器一

选择器一

时间:2023-03-18 21:12:19浏览次数:39  
标签:标签 前端 元素 h3 div 选择器

选择器一

 

CSS语法规则由两个主要的部分构成:选择器,以及一条或多条声明(样式)

全局选择器

可以与任何元素匹配,优先级最低,一般做样式初始化

*{
   margin:0;
   padding:0;
}

元素选择器

HTML文档中的元素,p,b,div,a,img,body等.

标签选择器,选择的是页面上所有这种类型的标签,所以经常描述"共性",无法描述某一个元素的"个性"

p{
   font-size:14px;
}

再不如说,我想让"学完前端,继续学java"这句话中的"前端"两个变为红色字体,那么我们就可以用<span>标签把"前端"这两个字围起来,然后给<span>标签加一个标签选择器

<p>学完<span>前端</span>,继续学java</p>
span{
color:red;
}

温馨提示

  1. 所有的标签,都可以是选择器.比如ul,li,label,dt,dl,input,div

  2. 无论这个标签藏的多深,一定能够被选择上

  3. 选择的所有,而不是一个

类选择器

规定用圆点.来定义,针对你想要的所有标签使用

优点灵活

<h2 class="oneclass">你好</h2>
/*定义类选择器*/
.oneclass{
width:800px;
}

class属性的特点

  1. 类选择器可以被多种标签使用

  2. 类名不能以数字开头

  3. 同一个标签可以使用多个类选择器.用空格隔开

<h3 class="classone classtwo">我是一个h3啊</h3>
<h3 class="cone" class=" ctwo">我是一个h3啊</h3>//错误
 

标签:标签,前端,元素,h3,div,选择器
From: https://www.cnblogs.com/andy-chi/p/17231753.html

相关文章