基本选择器

最新推荐文章于 2024-07-11 17:14:12 发布

z像风一样

最新推荐文章于 2024-07-11 17:14:12 发布

阅读量56

点赞数

文章标签： css Powered by 金山文档

本文链接：https://blog.csdn.net/zz980806/article/details/128940421

版权

2.6学习笔记

1.基本选择器：

①标签选择器：

格式：标签名 {}

②类名选择器：

在标签内通过class设置类名，

格式： .类名 {}注意类名前面有.

③id选择器：唯一标识，每个标签最多只能有一个id

格式：#id值 {}

通配符：*=》选中页面中所有的标签

!important:是最高级别的，后面是不可修改，一般情况下，不推荐使用!important关键字提升优先级

优先级：

!important>行内样式>id选择器>类名选择器>标签选择器>通配符选择器

ol>.second=》选中ol里面的类名为second的标签

+li=>选中类名为second的标签的相邻兄弟元素

层次选择器

后代:标签1 标签2 {}=》选中标签1里面的标签2

子代:标签1>标签2 {}=》选中标签1中的子代标签2

后代可以包含子代，子代只能是父元素的第一层

元素1+元素2:选中元素1后面第一个相邻的兄弟元素

元素1~元素2:选中元素1后面所有的兄弟元素2

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

z像风一样

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
2
评论
基本选择器

有关基本选择器的一些内容
复制链接

扫一扫

css选择器优先级顺序是什么？css基本选择器的介绍

weixin_56134381的博客

03-19

4915

样式优先级原则总的原则 1.CSS规定拥有更高确定度的选择器优先级更高 2.如果样式中包含冲突的规则，且它们具有相同的确定度。那么，后出现的规则优先级高。优先级：由高到低(从上到下) !important 内联(1,0,0,0) id: (0,1,0,0) 类：(0,0,1,0) 伪类/属性元素：(0,0,0,1) 通配符类选择器 class=“web”,多个元素可以拥有同一个类名 id选择器 id=“web”,具有唯一性伪类选择器 CSS伪类（pseudo-class）是加在选择器后面的用来指定

jquery基本选择器

03-15

**jQuery基本选择器** jQuery库是JavaScript中最广泛使用的库之一，它简化了DOM操作、事件处理和动画制作。其中，选择器是jQuery的核心功能之一，它使得能够高效地选取页面中的HTML元素。以下是对jQuery基本选择器...

2 条评论您还未登录，请先登录后发表或查看评论

HTML 基本选择器

m0_65066169的博客

10-01

2059

里面要加 id="你起的名字".我这里写的a,一定要加#号。使用类选择器的时候如上面我写的一个

CSS中的基本选择器

qq_45192812的博客

03-03

1846

CSS中的基本选择器 什么是选择器？选择器就是通过标签选择一类元素进行控制，常用于HTML等语言中。 css中的选择器种类有很多，下面介绍几种常见的基本选择器：标签选择器，类选择器和id选择器一、标签选择器 标签选择器又叫元素选择器：文档的元素就是最基本的选择器。例如： /*对h1和p标签进行选择*/ <style> h1{ background: wheat; border-radius: 21px; }

css选择器—四大基本选择器

weixin_46124651的博客

02-21

6088

一、四大基本选择器 1、统配选择器（*）：匹配页面中的所有元素。 *{ } 例：页面中所有的元素都变成红色，背景是绿色 *{ color:red; background-color: darkseagreen; } 如图： ...

CSS的三种基本选择器

qq_47897078的博客

12-17

2228

Css的三种基本选择器 1.标签选择器 格式：标签{} 特点作用域为全局同类标签无法针对同类标签中个别标签区别处理实例 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>三种基本选择器</title>  <style> h1{

jQuery--选择器（基本选择器、层次选择器）详解

吴声子夜歌的博客

10-01

2623

jQuery选择器通过jQuery选择器可以方便快捷地获得页面中的元素，然后为其添加相应行为，无需担心浏览器的兼容性问题。jQuery选择器完全继承了CSS选择的风格，将jQuery选择器分为4类：基本选择器、层次选择器、过滤选择器和表单选择器。基本选择器 基本选择器是jQuery中最常用的选择器，通过元素的id、className或tagName来查找页面中的元素，如下表： 选择器 ...

css三种基本选择器（重要）

weixin_47556601的博客

01-26

2849

大家好，今天我们来分享一下css三种基本选择器 这是我们css当中的一大重点写一段HTML的初始源代码： 1.标签选择器： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <h1> 相信我</h1> <p>你很

css 的基本选择器，复合选择器，后代选择器

朱智文的专栏

08-06

2959

基本CSS选择器有标记选择器、类别选择器、ID选择器3种 1。标记选择器 每一种HTML标记的名称都可以作为相应的标记选择器的名称，如h1,p,等等 2。类别选择器 类别选择器的名称可以由用户自定义格式如下：.class{color:green;font-size:20px;} 3。ID选择器与类别选择器相试格式如下：#id{color:g

jQuery_基本选择器

大脸猫~

06-24

4667

一.CSS选择器： #id &nbsp; &nbsp;&nbsp; &nbsp; &nbsp; &nbsp; id选择器 &nbsp; &nbsp;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp;#id{color:red} .class &nbsp

WEB中五大选择器（基本选择器、包含选择器、复合选择器、属性选择器、伪类选择器）

m0_68976043的博客

07-10

1989

选择器五大总结

CSS3 选择器 基本选择器介绍

09-25

在这个介绍中，我们将专注于CSS3的基本选择器，这是理解CSS选择器体系的基础。 1. **通配符选择器（*）** 通配符选择器`*`用于选取文档中的所有元素。例如，`* { margin: 0; padding: 0; }`将清除所有元素的默认...

jQuery选择器之基本选择器与层次选择器

10-24

本文主要探讨了jQuery中的基本选择器和层次选择器，这两种选择器是进行DOM操作的基础。 **基本选择器** 基本选择器是最简单且最常用的jQuery选择器，它们包括ID选择器、类选择器、元素选择器和通配符选择器。 1. ...

jQuery基本选择器选择元素使用介绍

10-27

基本选择器：是jQuery中使用最频繁的选择器，它由元素Id、Class、元素名、多个选择符组成，通过基本选择器可以实现大多数页面元素的查找，感兴趣的朋友可以参考下哈

CSS实现从上往下过渡效果

最新发布

m0_56164131的博客

07-11

182

要实现一个从上往下显示的过渡效果，可以使用CSS的@keyframes规则来创建一个动画，使得元素在垂直方向上逐渐改变其位置。

CSS的选择器、常用属性、盒子模型和定位

secret010的博客

07-08

450

CSS选择器：选择页面(文档)中对应的标签，并设置样式。

旋转木马案例

喵喵的博客

07-08

707

旋转木马如果接口需要的数据格式和原始数据提供的格式有差异不要去改接口方法也不要改原始数据做一层中间件(数据处理函数/方法) <!DOCTYPE html> <html lang="zh-cn"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>

css 选择器汇总

qq_44871531的博客

07-06

538

这意味着如果一个父元素有多个不同类型的子元素（例如 div, p, span），:nth-child(n) 会选择第 n 个出现的子元素，无论它的具体类型。相比之下，:nth-of-type(n) 选择器会根据元素的类型来选择特定位置的子元素。例如，如果你想选择所有 p 标签中的第二个，你将使用 p:nth-of-type(2)，这将跳过任何非 p 类型的兄弟元素。:nth-child(n) 和 :nth-of-type(n) 都是 CSS 中的伪类选择器，用于根据它们在父元素中的位置来选择特定的元素。

CSS 【详解】样式选择器（含ID、类、标签、通配、属性、伪类、伪元素、Content属性、子代、后代、兄弟、相邻兄弟、交集、并集等选择器）

朝阳39的博客

07-06

1247

idCSS 样式选择器，用于选中页面中的 html 元素，以便添加 CSS 样式。

基本选择器的优先级顺序

07-15

以下是基本选择器的优先级顺序，从高到低： 1. 内联样式（Inline Styles）：通过 style 属性直接在 HTML 元素上指定的样式具有最高的优先级。例如：`;">Hello</div>` 2. ID 选择器（ID Selectors）：通过元素的 id...

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

非常没帮助
没帮助
一般
有帮助
非常有帮助

提交