上一节练习题:写两个各10条数据的列表,第一个列表字体是16px,第二个列字体大小是20px。实现方法很多,但是根据现有知识写出来代码会很多,所以今天我们通过学习css选择器来简化你的代码。 简单选择器 根据标签名、id、类名来选取。id:是标签id的属性值,类名:是标签class的属性值。 元素选
原创
2021-07-07 09:45:41
202阅读
css 选择器分为以下几种:1,html元素选择器以html元素标签名字显示body{
bgcolor:green;
}
p{
color: red;
}2,id 选择器id 选择器可以为标有特定 id 的 HTML 元素指定特定的样式。id 选择器以 "#" 来定义。在html主题中,id属性值始终是唯一的<p id="red">这个段落是红色。</p&g
原创
2016-08-21 16:45:07
1447阅读
一、CSS 选择器作用二、CSS 选择器分类三、标签选择器1、简介2、代码示例四、类选择器1、简介2、类名规范3、代码示例4、div 与 span 标签① span 标签② div 标签5、多类名选择器
原创
2023-03-06 09:58:25
1530阅读
CSS选择器作用:选择器,它的作用就是选中某个或者某些标签,以便于我们给这些标签设置属性标签选择器/标记选择器/元素选择器: 选中了我们指定名字的所有标签格式: 标签名{属性名:属性值;}id选择器: 选中标签,id值是指定值的标签格式: #id值{属性名:属性值;}class选择器: 选中标签,class值是指定值的标签格式:.类名{属性名:属性值;}...
原创
2021-07-07 11:41:53
203阅读
CSS选择器作用:选择器,它的作用就是选中某个或者某些标签,以便于
原创
2022-03-25 10:36:57
140阅读
一、css概述 CSS是Cascading Style Sheets的简称,中文称为层叠样式表,对html标签的渲染
转载
2019-12-19 10:39:00
46阅读
2评论
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>css选择器</title> <style type="text/css"> p,h1{color: blue;} /* 标签选
原创
2022-01-29 14:39:27
44阅读
文章目录CSS选择器 CSS选择器CSS选择器也称为选择符,用于选择需要添加样式的元素全局选择器(通配符选择器):用于选择需要添加样式的元素 如: *{margin:0;padding:0;} 通常不建议使用通配选择符,因为它会遍历并命中文档中所有的元素,出于性能考虑,需要酌情使用。标签选择器(元素选择符):用于声明标记采用的样式 如:p{color:red;}类别选择器:用来为相同的类名标签定
转载
2023-12-17 09:55:01
317阅读
一、选择器1、css主要有7中基本选择器ID选择器:#id类选择器:.class属性选择器:a[href="qqq.com"]标签选择器:body伪类选择器::hover、:link、:active、:visited、:focus、:first-letter伪元素选择器:::before通配符选择器:* 2、css选择器优先级  
转载
2024-04-02 09:51:17
586阅读
CSS基础总结 选择器CSS选择器分为元素选择器,组合选择符,属性选择符,伪类选择符,伪对象选择符五种。一、元素选择器1.通选符: *{ } --->选择所有元素2.类选择器: .class{ } --->选择带有该类的标签3.id选择符: #id{ } --->选择带有该ID的标签4
转载
2023-07-23 22:46:49
1105阅读
五、常用选择器1.通配选择器(了解)给所有标签添加样式,*{css样式}示意图多学一招:通常只是用来去掉所有代码的边距,因为每个浏览器的边距不同,有的8个像素,有的7个像素,所以干脆会全部去掉,重新设置,保证浏览器的每个边距都一致2.后代选择器(掌握)选择元素里面的元素,外层元素和内层元素中间用空格隔开:外层 内层{css样式}示意图3....
原创
2021-08-18 02:04:47
227阅读
属性选择器 [属性名]语法:[属性名]{} [属性名=属性值]语法:[属性名=属性值]{} [属性名~=属性值](选择多个值中的一个)语法:[属性名~=属性值]{} [属性名|=属性值](选择连字符值中的第一个单词)语法:[属性名|=属性值]{} [属性名*=属性值](选择包含当前值的元素)语法:[属性名*=属性值]{}总结: 重点[属性名]...
原创
2021-08-18 02:05:09
126阅读
属性选择器 [属性名]语法:[属性名]{} [属性名=属性值]语法:[属性名=属性值]{} [属性名~=属性值](选择多个值中的一个)语法:[属性名~=属性值]{} [属性名|=属性值](选择连字符值中的第一个单词)语法:[属性名|=属性值]{} [属性名*=属性值](选择包含当前值的元素)语法:[属性名*=属性值]{}总结: 重点[属性名]...
原创
2022-03-02 17:48:00
53阅读
五、常用选择器1.通配选择器(了解)给所有标签添加样式,*{css样式}示意图多学一招:通常只是用来去掉所有代码的边距,因为每个浏览器的边距不同,有的8个像素,有的7个像素,所以干脆会全部去掉,重新设置,保证浏览器的每个边距都一致2.后代选择器(掌握)选择元素里面的元素,外层元素和内层元素中间用空格隔开:外层 内层{css样式}示意图3....
原创
2022-03-03 14:03:15
163阅读
八、属性选择器1.[属性名]选择具有该属性的元素示意图2.[属性多个注意:这种场景适用于一个属性名对应多个属性的值4.[属性|=字符](了解)选择由连字符连接多个...
原创
2022-03-07 11:05:49
118阅读
八、属性选择器1.[属性名]选择具有该属性的元素示意图2.[属性=值](重点)选择具有该属性且等于该值的元素示意图3.[属性~=值](了解)选择具有该属性,且值中包含该值的元素示意图多学一招:元素属性的值可以有多个注意:这种场景适用于一个属性名对应多个属性的值4.[属性|=字符](了解)选择由连字符连接多个...
原创
2021-08-18 02:04:34
107阅读
css选择器什么是选择器? 选择器是你构造好网页的结构,需要给这些结构赋予样式,这时候就需要用到选择器,利用选择器将元素与样式一一对应;两者的对应关系可以是一对一,一对多,多对一。选择器的分类: 这里我只展示几种比较常见的类型, 1. 标签选择器 给同一种标签添加样式,例如: 标签名{ 属性名:属性值; }<style type="text/css">
转载
2024-03-17 18:48:26
126阅读
1、CSS选择器概述通过选择器可以选定页面中的指定元素,对HTML页面中的元素实现一对一,一对多或者多对一的控制。HTML页面中的元素都是通过CSS选择器进行控制的。2、CSS选择器1、一般选择器 一般选择器
选择器示例示例说明及注意事项id选择器#name选择所有id="name"的元素,注意:一般id名不可重复class选择器.name选择所有class="name"的元素,注意:cl
转载
2023-10-26 15:20:48
139阅读
最近有点忙,现在时间空闲下来了,好好的整理一下知识,今天总结一下css里面的一些选择器。 css里的选择器有好多种,下面我就把我了解到的写一写,如果有不全的或者有误的欢迎留言指正,万分感谢。 一、选择器 1、* 通配符选择器 这个选择器是匹配页面中所有的元素,一般用来清除浏览器的默认样式.*{margin:0; padding:0} 2、元素选择器 通
转载
2023-08-30 10:59:17
657阅读