CSS选择器

最新推荐文章于 2024-10-02 15:35:50 发布

不期望不希望不奢望

最新推荐文章于 2024-10-02 15:35:50 发布

阅读量71

点赞数 1

文章标签： css 前端 html

本文链接：https://blog.csdn.net/weixin_72101182/article/details/125771110

版权

我们先来看浏览器的分类　　

选择器的语法

选择器	用法
id选择器	#myid
类选择器	.myclassname
标签选择器	div,h1,p
相邻选择器	h1+p
子选择器	ul > li
后代选择器	li a
通配符选择器	*
属性选择器	a[rel="external"]
伪类选择器	a:hover, li:nth-child

选择器的优先级排序

当两个规则都作用到了同一个html元素上时，如果定义的属性有冲突，那么应该用谁的值的，用到谁的值谁的优先级就高。

　　1. ！important 在属性后面写上这条样式，会覆盖掉页面上任何位置定义的元素的样式。

　　2. 行内样式，在style属性里面写的样式。

　　3. id选择器

　　4. class选择器

　　5. 标签选择器

　 6. 通配符选择器

7.浏览器的自定义属性和继承

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

不期望不希望不奢望

关注关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

CSS选择器.pdf

10-09

在CSS选择器的体系中，存在多种不同类型的选择器，每种都有其特定的用途和使用场景。首先，元素选择符是最基本的类型，包括通配符选择器、标签选择器、id选择器和class选择器。通配符选择器用“*”表示，可以选中...

CSS教程之css选择器 、属性、值

10-30

本教程将深入探讨CSS选择器、属性以及值，帮助你更好地理解和应用CSS来美化你的网页。首先，我们要了解CSS选择器。选择器是CSS的核心组成部分，它的主要作用是定位HTML文档中的特定元素，以便对这些元素应用样式。...

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

css选择器

总结前端开发中遇到的问题，分享前端知识

08-25

6436

通配选择器（Universal selector）作用：选中页面中的所有元素;元素选择器（Type selector）也叫类型选择器、标签选择器

CSS 选择器

m0_60508194的博客

09-26

1668

可以将CSS选择器分为五类：

css 选择器

qq_42638586的博客

04-10

1578

css选择器

css 选择器 详解

2301_76669854的博客

12-12

2121

使用。

CSS选择器优先级

热门推荐

qq_46133833的博客

04-30

5万+

CSS选择器优先级（1）CSS选择器都有权重值，权重值越大优先级越高。内联样式表的权重值最高，值为1000。 id选择器的权重值为100。 class选择器的权值为10。类型（元素）选择器的优先级为1。通配符选择器的优先级为0。（2）当权值相等时，后定义的样式表要优于先定义的样式表。（3）在同一组属性设置中表有**“!important"**规则的优先级最大。后代选择器 CSS后代选择器指为某标签元素内的特定后代标签元素来定义其样式。在CSS后代选择器中，规则左边的选择器一端包含两个或多个

CSS选择器大全

认真学习前端的博客

03-08

2090

CSS选择器中的通用 ID class 标签属性以及交集并集选择器，伪类，伪元素选择器等等还有选择器的优先级权值等内容

css选择器有哪些？

weixin_47450807的博客

04-04

1万+

一、写在前面 css选择器有很多，但是常用到的也就几个，今天总结一下。二、具体选择器 2.1、id选择器 #myId {} 2.2、类选择器 .myClass {} 2.3、标签选择器 p,h1 {} 2.4、后代选择器 div h1 {} 2.5、子选择器 div>h1 {} 2.6、兄弟选择器(所有的兄弟) ul~h1 {} 2.7、相邻兄弟选择器 ul+h1 {} 2.8、属性选择器 li[name='sss'] {} 2.9、伪类选择器 h1:hover {} 2.10 h

CSS选择器分类大全

m0_67859656的博客

11-05

6384

CSS选择器分类大全基础选择器 一、基础选择器 二、复合选择器 三、CSS3选择器补充：（一）层级选择器：（二）属性选择器 （三）伪类选择器

CSS 选择器优先级

频繁记录

06-13

2188

CSS 选择器优先级

CSS 选择器支持列表

09-25

CSS 选择器支持列表 CSS 选择器是 CSS 中的一个重要组成部分，它允许开发者根据特定的规则来选择和应用样式到 HTML 元素上。下面是 CSS 选择器支持列表的详细解释： ### 一、基本选择器 * `E`：选择所有 HTML ...

CSS画出三角形的做法

mingangel的博客

10-01

391

在网页中，会有三角形的出现，我们脑海里会有很多想法，如何去实现他们，我来提供一种比较好玩的做法。

CSS-Day3

m0_74039531的博客

09-29

384

伪类的语法：selector:pseudo-class {property:value;}CSS类也可以使用伪类：selector.class:pseudo-class {property:value;}您可以使用 :first-child 伪类来选择父元素的第一个子元素。p:first-child { color:blue; }在下面的例子中，选择相匹配的所有<p>元素的第一个 <i> 元素：p > i:first-child { color:blue; }在下面的例子中，选择器匹配所有作

【CSS】position

最新发布

小秀的博客

10-02

323

特点：粘性元素根据滚动位置在相对（relative）和固定（fixed）之间切换。起先它会被相对定位，直到在视口中遇到给定的偏移位置为止 - 然后将其“粘贴”在适当的位置（比如 position:fixed）。特点：不影响元素本身特性，元素不脱离文档流，相对于原位置进行偏移。特点：元素脱离文档流，块级元素由内容撑开宽高，清除子集浮动。参考物：距离最近的使用了定位的父级，没有时找body。position: static 静态定位（默认）参考物：根据用户的滚动位置进行定位。参考物：元素的初始位置。

CSS 中的@media print 是干什么用的？

读心悦

09-29

240

在这个查询块内，你可以设置各种样式，以确保打印输出的内容看起来整洁、专业，并且只包含必要的信息。例如，你可能还想隐藏某些不重要的元素，如广告、侧边栏或仅用于装饰的图片，同时增加标题和段落的字体大小，以及为页面添加页眉和页脚（但这次是在打印样式中自定义的，与网页上的不同）。这种做法通常很有用，因为网页的页眉和页脚可能包含导航链接、社交媒体图标、版权声明等对于在线浏览很有用的信息，但在打印版本中，这些信息可能并不必要，甚至可能占用宝贵的页面空间。元素都将被隐藏（即不显示在打印的页面上）。这是通过将这些元素的。

CSS中的font-variation-settings：探索字体的可变性

艾恩小灰灰的博客

09-30

458

可变字体允许字体文件包含一系列的设计轴（Design Axes），如宽度（Width）、倾斜度（Slant）、粗细（Weight）等。通过调整这些轴的值，可以实现从一种样式到另一种样式的平滑过渡，而无需加载多个独立的字体文件。为设计师提供了前所未有的灵活性，在保持页面加载性能的同时，能够创造出丰富多样的视觉效果。随着更多浏览器的支持和可变字体的普及，这一功能将在未来成为Web设计中的重要工具之一。

CSS选择器详解：基础到高级实例

本篇笔记详细介绍了CSS选择器的基本概念和使用方法，分为三个主要部分： 1. **基本选择器**： - **通用元素选择器(*)**：此选择器匹配文档中的所有元素，可用于清除默认样式或设置全局样式。 - **标签选择器(E)**...