css常用选择器

最新推荐文章于 2024-10-03 10:42:46 发布

小星球¸‚

最新推荐文章于 2024-10-03 10:42:46 发布

阅读量60

点赞数

分类专栏：前端文章标签： css html

本文链接：https://blog.csdn.net/m0_73475175/article/details/127249978

版权

前端专栏收录该内容

11 篇文章 0 订阅

订阅专栏

1、元素选择器(标签选择器)

语法：标签名{}

作用：选中对应标签包裹的内容

例子：h1{},h2{},p{},div{},span{}

2、id选择器 (id属性值不可以重复使用)

语法：#id属性值{}

作用：选中对应的id属性值的内容

例子：#p1{},#pp{},#abc{}

3、class选择器（用法跟id选择器是一样的，只不过它可以复用）

语法：.class属性值{}

作用：选中对应class属性值的内容

例子：.pp{},.p1{}

4、通配选择器

语法：*{}

作用：选中页面中所有的标签

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

小星球¸‚

关注关注

0
点赞
踩
0

收藏

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

分享到 QQ

分享到新浪微博

扫一扫

专栏目录

css 选择器不包括,css 常用选择器

weixin_31990755的博客

08-03

2022

*{} 选定所有对象,会遍历并命中文档中所有的元素。全局样式。:root匹配文档的根元素。在HTML(标准通用标记语言下的一个应用)中，根元素永远是HTMLcss关系选择器：E F{} 选择所有被E元素包含的F元素。选择符将会命中所有符合条件的后代，包括儿子，孙子，孙子的孙子… E>F{} 选择E元素里面的子元素F，与前者 E F{}不同的是，子选择符只能命中子元素，不能选中孙辈,如下示例...

CSS常用选择器（通配符选择器，标签选择器，类选择器，id选择器.....），你知道多少？

热门推荐

Shmily_ox的博客

03-07

4万+

CSS常用选择器 CSS选择器的作用是从HTML页面中找出特定的某类元素，而常用的CSS选择器有如下几类，一起来看看吧！一、通配符选择器 通配符选择器常用 ‘*’ 号表示，它是所有选择器里作用范围最广的，能匹配页面中所有的元素。基本语法格式：*{ 属性1：属性值1；属性2：属性值2；} 例子使用该选择器定义样式，清除所有HTML标记的默认边距。 *{ margin：0； /*定义...

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

CSS常用选择器

YGMTX的博客

05-11

1509

CSS选择器的作用是从HTML页面中找出特定的某类元素，而常用的CSS选择器有如下几类，一起来看看吧！

css 常用选择器

m0_65677244的博客

03-18

967

常用的两种css使用方法

css 常用选择器及其使用语法

hahaha6hahah的博客

01-10

2642

1.元素选择器 作用：根据标签名来选中指定元素语法：标签名{} 例子：p{}，h1{}, div{} 2.id选择器作用：根据元素的id属性值选中一个元素语法：#id属性值{} 例子：#box{} 3.类选择器 作用：根据元素的class属性值选中一组元素语法：.class属性值 4.通配选择器 作用：选中页面所有元素语法：* 例子：*{} 5.交集选择器 作用：选中同时复合多个条件的元素语法：选择器1选择器2选择器3选择器n 注意：如果有元素选择器必须使用元

CSS常用选择器及优先级总结

lgy422717070的博客

04-21

1008

6.子元素选择器（元素1 > 元素2{}），选择元素1里所有直接后代元素2。5.后代选择器（元素1 元素2 {}），选择元素1里中所有的元素2,例（7.并集选择器(元素1,元素2{}），同时选中多个元素，例（1.标签选择器(标签名{}），选中对应标签里的内容，例(3.id选择器（#id{}），选中对应id的内容，例（2.类选择器（.类名{}），选中对应类名的内容，例（第一个选择器权重为（0,0,0,1）第三个选择器权重为（0,0,1,1）第四个选择器权重为（0,1,0,1）

CSS常用选择器大全

2301_79985682的博客

05-16

784

前端CSS的这些选择器，你真的会用了吗？CSS选择器大全，看看有哪些是你还不知道的，快来更新更新你的知识储备库吧！

CSS中常用的选择器

m0_67683346的博客

10-26

1万+

CSS中常用的选择器

css常用选择器（一）

aicsswo的博客

03-17

2133

类选择器（.class）ID选择器（#id）元素选择器（element）后代选择器（element element）子元素选择器（element > element）伪类选择器（:hover, :first-child, :nth-child(n), :not(selector), :checked, :disabled等）伪元素选择器（::before, ::after, ::first-line, ::first-letter等）

详解css常用选择器

12-08

以上就是CSS常用选择器的详细解释，熟练掌握这些选择器可以帮助开发者更精确地控制网页元素的样式，提高代码的可维护性和效率。在实际开发中，可以根据需求灵活运用，创建美观且功能丰富的网页。

四种CSS常用的选择器使用方法和注意事项

12-04

本文将详细介绍四种常用的CSS选择器：类选择器、ID选择器、HTML元素选择器和通配符选择器，并提供相应的使用方法和注意事项。 1. 类选择器（Class选择器）类选择器通过在元素前加上`.`符号来指定。例如，`.s1`就是...

CSS-Day3

m0_74039531的博客

09-29

336

伪类的语法：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画出三角形的做法

mingangel的博客

10-01

343

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

CSS 盒子属性

m0_74012211的博客

10-02

411

CSS 盒子属性

【CSS】position

小秀的博客

10-02

287

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

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

读心悦

09-29

208

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

CSS滚动条