欢迎加入前端技术营!如果你也是前端学习者或者对前端有学习的想法,那就跟着我一起从零开始进击前端。
致力于尽可能详细且简洁的介绍前端知识、自己的捷径,也是学习路上的记录。欢迎探讨
目录
一、基础选择器
二、每日面试题
一、基础选择器
1、什么是选择器?
选择标签,根据不同需求把不同标签选出来
2、选择器分类:
选择器分为基础选择器和符合选择器
一、基础选择器
- 标签选择器:将HTML标签名作为选择器,将某一类选择出来,如所有的div,不能差异化样式
<style>
div {
width: 50px;
height: 50px;
}
</style>
<body>
<div></div>
<div></div>
<div></div>
</body>
- 类选择器:可以差异化选择不同标签,单独选一个或多个标签
语法:.类名{属性},需通过class属性调用
类名自己取,最好有意义
样式点定义,结构类调用,一个或多个,开发最常用
<style>
.one {
width: 30px;
height: 30px;
}
</style>
<body>
<div class="one"></div>
<div></div>
<div></div>
</body>
多类名:一个标签可以指定多个类名:多类名之间必须用空格间隔,可以把一些标签元素相同的样式放到一个类里
这些标签都可以调用这个公共类,然后再调用自己独有的类
<style>
.one {
width