选择器的使用及其说明

最新推荐文章于 2024-01-18 10:00:51 发布
最新推荐文章于 2024-01-18 10:00:51 发布
阅读量856 收藏
点赞数
分类专栏： html+css 文章标签： css css3 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/zimingyo/article/details/122719783
版权

四种基础选择器

在这里插入图片描述

标签选择器

在这里插入图片描述

类选择器

注意：一个标签可以使用多个类名，比如如下图中的one,其实如果还要实现其他的样式，我们可以在one后面加一个其他的类名（之间用空格隔开）
在这里插入图片描述

id选择器

在这里插入图片描述

通配符选择器

在这里插入图片描述

zimingyo
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
选择器的使用有哪些以及使用方法及区别：
Tianjianan的博客
01-14 612
选择器的使用有哪些以及使用方法及区别： 兄弟选择器：选择子元素中的任意两个元素，用逗号隔开 CSS： .classname1,classname2{ 属性 } HTML5： <p class="classname1"></p> <p class="classname2"></p> 子代选择器选择子元素中的一个元素，用空格隔开（如下图能选择c...
四大类CSS选择器的使用说明
最新发布
01-31
### 四大类CSS选择器的使用说明 #### 一、基础选择器 **基础选择器**主要包括四种类型：标签（元素）选择器、类选择器、ID选择器以及通配符选择器。 1. **标签选择器**：用于选取文档中的特定HTML标签。例如： `...
选择器的使用
GXYUWMR的博客
11-30 65
<meta charset="utf-8"/> <head> <title></title> </head> <style> .header { width:500px; height:100px; blackground:red; font:30; } #id { width:200px; height:15
html的选择器使用
starjuly的专栏
07-09 782
这是初学html对样式表的使用的一个小例子，其中包括通用选择器，类选择器，ID选择器和标签选择器的使用范例。
jQuery学习2 选择器的使用说明
10-29
### jQuery学习2 选择器的使用说明 在前端开发领域，jQuery因其强大的功能及简洁的语法，成为众多开发者处理DOM操作的首选库之一。本文旨在详细介绍jQuery中的选择器使用方法，帮助初学者快速掌握如何利用jQuery...
调制器使用说明
11-28
本文将围绕“调制器使用说明”这一主题展开详细解释，包括调制器的基本概念、关键参数及其配置方法等。 #### 二、调制器基本概念 在通信领域，调制是指将待传输的信息信号（通常为低频或基带信号）转换为适合在...
西门子MM 430变频器 使用说明书大全.rar
03-17
2. **安装与接线**：详细说明了变频器的安装步骤，包括如何选择合适的安装位置，以及电气连接的正确方法，如电源线、电机线、控制线的接线图和注意事项。 3. **参数设置**：MM 430变频器有众多可调整的参数，用于...
第三章选择器的使用
qq_45983879的博客
10-09 202
选择器 伪类选择器 在某种状态下所显示的样式 爱恨原则 love hate 超链接:link{} 链接未点击之前 超链接:visited{} 链接访问之后 任何元素:hover{} 鼠标划过该元素 超链接:active{} 鼠标按下的状态 css属性 白利利(040E3C47E492对话) 11:24:46 选择器 伪类选择器 在某种状态下所显示的样式 爱恨原则 love hate 超链接:link{} 链接未点击之前 超链接:visited{} 链接访问之后 任何元素:hover{} 鼠标划
基本选择器使用一
bing_JavaScript的博客
08-09 270
基本选择器使用             *{margin:0;padding: 0}         .clearfix:after,.clearfix:before{display:table;content:""}         .clearfix:after{clear:both;overflow: hidden}         .demo{width: 250px;bord
前端学习-选择器的使用
qq_41960957的博客
02-28 216
文章目录前言一、选择器是什么？二、选择器示例1.常用的选择器2.读入数据总结 前言 H5之选择器的使用 一、选择器是什么？ “选择器”指明了页面中的“样式”的作用对象，也就是“样式”作用于网页中的哪些元素。 二、选择器示例 1.常用的选择器 代码如下（示例）： <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>常用选择器</title> &lt..
CSS 选择器用法
lijiecong的专栏
10-24 2044
1.元素选择器          p {color:gray;}  h2 {color:silver;}   2.选择器分组         h1, h2, h3, h4, h5, h6 {color:blue;} 3. 类选择器         *.className {color:blue;}  *匹配所有元素，*也可以省略。                    .className {...
CSS选择器几种用法-详解
m0_72210904的博客
01-18 1232
于在 HTML 中标签的属性是很重要的元素，所以 CSS 中也提供了直接可以通过标签属性的方式来获取元素。属性选择是在使用过程需要使用到中括号（[]）
jquery方法总结
马娟的博客
10-11 205
目录 显示、隐藏、切换 hide(): 隐藏 HTML 元素 show(): 显示 HTML 元素 toggle() 切换hide()和show() 淡入淡出 fadeIn(): 用于淡入已隐藏的元素。 fadeOut(): 用于淡出可见的元素 fadeToggle(): fadeIn() 与 fadeOut() 方法之间进行切换 fadeTo()： 允许渐变为给定的不透明度（值...
juqery 学习之三 选择器--<层级><基本>
weixin_30246221的博客
11-24 173
#id 根据给定的ID匹配一个元素。 Matches a single element with the given id attribute. 返回值 Element 参数 id (String) : 用于搜索的，通过元素的 id 属性中给定的值 示例 查找 ID 为"myDiv"的元素。 HTML 代码: <div id="notMe"><p>...
name选择器_这33个超级好用的CSS选择器，你可能见都没见过
weixin_39996035的博客
11-29 522
作者：陈大鱼头转发链接：https://mp.weixin.qq.com/s/tLD4Rfr2c-MAXXtbC7nEwQ前言CSS 选择器是 CSS 世界中非常重要的一环。在 CSS 2 之后，所有的 CSS 属性都是按模块去维护的。CSS 选择器也是如此，然而如今也已经发布了第四版 —— CSS Selectors Level 4 ，这一版最早的草案发布于2011年09月29日，最后更新是20...
select中的option
︶￣城南花已开
08-31 80
js动态压入select中的option,获取选中的option信息； html 代码： <div class="form-group"> <label class="col-sm-3 control-label">微型站：</label> <div class="col-sm-8" id="deptidPrent"> </div> </div> js 部分 function deptStart(){ let str = {
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值