CSS学习第四天——CSS的选择器（二）

最新推荐文章于 2023-05-24 15:50:48 发布
最新推荐文章于 2023-05-24 15:50:48 发布
阅读量222 收藏
点赞数 1
文章标签： css 学习 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_65051363/article/details/126005748
版权

1.类选择器

可以选择不同的标签，根据你想要的所有标签来使用

 

 类选择器可以被多种标签使用，如图中的p、h3和div

且类名不能以数字开头

同一个标签可以使用多个类选择器，用空格隔开，如图中的div标签中的oneclass和size

2.ID选择器

针对某一个特定的标签来使用，只能使用一次，运用时加上#

3.合并选择器

提取共同的样式，减少代码

可以是合并标签，如

 

 

也可以合并类别，如

 

 

合并的时候用   ,  隔开即可 

 

m0_65051363
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
CSS网站布局实录 （第二版）PDF版
12-10
具备了知识全面、完美应用(CSS选择器、样式继承、层叠、格式化、XML标签、CSS滤镜等。文本、图像、超链接、列表、菜单、网站导航、表单、数据表格、浮动布局等CSS布局控制。),智能、创造型布局思维(智慧、完美视觉...
CSS 选择器详解
热门推荐
TK_Lumi的博客
08-17 1万+
CSS 选择器详解一、CSS 选择器介绍简介二、通用选择器1.简介2.案例三、元素类型选择器1.简介2.案例四、ID选择器1.简介2.案例五、class类选择器1.简介2.案例六、后代选择器1.简介2.案例七、子选择器1.简介2.案例八、相邻兄弟选择器1.简介2.案例九、通用兄弟选择器1.简介2.案例十、分组选择器1.简介2.案例 一、CSS 选择器介绍 简介 CSS选择器是一种用于匹配HTML文档中元素的模式。关联的样式规则将应用于与选择器模式匹配的元素。 选择器是CSS最重要的方面之一，因为
css学习2：css选择器
D_evin_的博客
09-10 516
css选择器 二、选择器 1.基础选择器 【注意】相同的选择器不同的属性声明，不会被覆盖而是共同应用。 （1）通用选择器 - `*`号，选择 html 文件内所有的元素 `* {样式声明}` - 最常用的用法是`*{margin:0;padding:0}` 清除浏览器的内外边距。但它的缺陷是性能太低，所有的元素不论是否有内外边距都会渲染，但可以做练习时使用。 （2）元素选择器（标签选择器） - 通过标签的名字来选择 html 元素，权重值为 1，比如：`div {样式声明}` - 弊.
CSS中的常用选择器（1）
rbh200812的博客
07-27 2181
超明了，一看就懂~
css（二）-选择器
shanshan128ou的博客
08-15 200
css选择器
前端css学习之css选择器（列举了多数选择器的使用）
请 端正你的态度的博客
04-29 359
属性选择器 通用选择器 标签选择器 类选择器 id选择器 复合选择器 群组选择器 后代选择器 直接后代选择器 父标签 > 子标签：会选择出第一个子标签。 兄弟选择器 兄弟标签（同级的叫兄弟标签） + 兄弟标签：会选出第一个兄弟标签。 兄弟标签 ~ 兄弟标签：会选出后面所有的兄弟标签。 属性选择器 属性名：如[name] 属性名：如[name=“xx”] 伪类（eg :active）和伪元...
editplus 代码编辑器html c++ jsp css
08-08
—————————————————— 文章或者技巧及原始作者或出处： 正则表达式类 【1】 正则表达式应用——替换指定内容到行尾 【2】 正则表达式应用——数字替换—————————-Microshaoft,jiuk2k 【3】...
CSS网站布局实录 基于Web标准的网站设计指南（第二版）-part4
08-20
具备了知识全面、完美应用(CSS选择器、样式继承、层叠、格式化、XML标签、CSS滤镜等。文本、图像、超链接、列表、菜单、网站导航、表单、数据表格、浮动布局等CSS布局控制。)，智能、创造型布局思维(智慧、完美视觉...
css 选择器获取同名class 第一个或者最后一个元素（区分class）
qq_36904182的博客
05-24 8691
在子元素有多个不同的class的情况下，父元素获取同一个class的子元素的第一个或者最后一个元素。
Python+Selenium Web自动化
qq_30075075的博客
05-26 619
Python+Selenium Web自动化 selenium selenium是一个Web应用的自动化框架,通过它,我们可以写出自动化程序,模拟用户在浏览器操作Web界面 selenium提供了多种语言编写的selenium客户端库,包括java、python、js、ruby等,方便不同编写语言的开发者使用 浏览器驱动 浏览器驱动也是一人独立的程序，是由浏览器厂商提供的，不同浏览器需要不同的浏览器驱动，比如CHrome和火狐有各自不同的驱动程序 浏览器驱动接受到我们的自动化程序发送的界面操作请求后，
CSS入门笔记
lemonguess的博客
06-05 510
一、CSS简介 1、什么是CSS CSS：Cascading Style Sheet 层叠样式表 是一组样式设置的规则，用于控制页面的外观样式 2、为什么使用CSS 实现内容与样式的分离，便于团队开发 样式复用，便于网站的后期维护 页面的精确控制，让页面更精美 3、CSS作用 页面外观美化 布局和定位 二、基本用法 1、CSS语法 <head> <style> 选择器{ 属性名：属性值; 属性名：属性值; } </style>
使用css选择器实现表格隔行换色
鹏仔工作室的秘密基地
06-22 1848
使用css选择器实现表格隔行换色 <style> *{ margin: 0; padding: 0; } body{ padding: 200px; box-sizing: border-box; } table{ border-collapse: collapse; } td,th{ color: #000; font-size: 16px; line-height: 30px; border: 1px solid #333; pa..
css的选择器-逗号、空格分隔和连写的区别
Alive_m的博客
10-30 2168
css的选择器-逗号、空格分隔和连写的区别
html+css基础知识
m0_63023515的博客
07-28 529
html+css基础语法知识
CSS选择器
LM193的博客
03-12 376
css选择器作用 可以同时给多个标签加相同的样式 标签选择器 格式：标签名{ 属性名：属性值； } 比如 所有标签都可以用标签选择器 <style> h3{ background: red; text-align: center; } span{
01-CSS3基础
人俗话不多
03-06 1069
CSS简介 HTML 主要做结构, 显示元素内容 css 是层叠样式表 主要做样式,用来美化 HTML ,布局网页 CSS 语法规范 css规则主要有两个盒子模型主要部分构成: 选择器以及一条或多条声明. 属性和属性值以键值对的形式出现 属性和属性值之间用 “:” 分开 多个键值对中间用";" 进行区分 代码规范 空格规范: p { color: #ff0000; font-size: 30px; } 属性值前面
css从入门到精通——基础选择器
最新发布
06-09
4. 属性选择器：通过元素的属性来选择指定的元素，例如：`input[type="text"]` 选择所有 `type` 属性为 `text` 的 `input` 元素。 5. 通配符选择器：使用 `*` 符号来选择所有元素，例如：`*` 选择所有元素。 6. ...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值