选择器一

合集 - 2024年(51)

1.博客正在建设中2021-01-012.VSCode安装教程详细简单版2022-10-113.下面在 Mac 演示 Rust 的安装，其他系统教程请看安装 Rust2022-10-134.windows下运行rust报错error: linker `link.exe` not found2022-10-135.Rust学习—解决crates.io 仓库代码下载慢的问题2022-10-126.vscode如何链接git远程仓库gitee或github2022-10-117.标签之段落,换行,水平线2023-03-128.标签之标题2023-03-119.HTML5简介与基础骨架2023-03-1110.VScode开发者工具快捷键2023-03-1011.前端工具的选择与安装2023-03-1012.第一个前端程序2023-03-1013.JavaScript回调函数2023-02-1914.Rust语言迭代器使用总结2022-10-1915.选择器二2023-03-18

16.选择器一2023-03-18

17.CSS的引入方式2023-03-1718.CSS简介2023-03-1719.HTML5新增标签2023-03-1620.块元素与行内元素(内联元素)2023-03-1621.表单元素2023-03-1522.Form表单2023-03-1523.表格单元格合并2023-03-1424.标签之表格2023-03-1425.列表标签之无序列表2023-03-1326.列表标签之有序列表2023-03-1327.标签之文本2023-03-1328.标签之超文本链接2023-03-1229.图片路径详解2023-03-1230.标签之图片2023-03-1231.util.promisify 的那些事儿2023-04-2032.Js数组过滤的方法2023-04-1933.Mac访问Windows10共享文件夹2023-04-1734.如果 Git 远程库与本地库不一致，导致无法将本地代码推送到远程库中，2023-04-1535.构建React-app应用时create-react-app卡住超慢的解决办法2023-04-1536.vscode的格式化的settings.json的个人配置2023-04-1337.雪碧图2023-03-2638.媒体查询2023-03-2639.动画2023-03-2540.css3新特性2023-03-2541.定位2023-03-2542.清除浮动2023-03-2343.浮动2023-03-2344.文档流2023-03-2345.弹性盒子模型2023-03-2246.CSS盒子模型(Box Model)2023-03-2147.关系选择器2023-03-2148.表格属性2023-03-2049.文本属性2023-03-2050.背景属性2023-03-1951.字体属性2023-03-19

收起

选择器一

 

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>//错误