CSS常用选择器

最新推荐文章于 2023-10-14 16:08:54 发布

攻城狮Lee丶

最新推荐文章于 2023-10-14 16:08:54 发布

阅读量8.6k

点赞数 2

CC 4.0 BY-SA版权

分类专栏： CSS黑魔法文章标签： css css3

本文链接：https://blog.csdn.net/zhuoganliwanjin/article/details/106471873

CSS黑魔法专栏收录该内容

19 篇文章 ¥19.90 ¥99.00

订阅专栏

本文深入探讨了CSS选择器的使用，从基础选择器到更高级的伪类和属性选择器，帮助开发者更好地控制网页样式。内容涵盖ID选择器、类选择器、元素选择器、后代选择器、伪类如:hover和:active，以及属性选择器的应用。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

div > p {
    color: red;
}
//表示父元素为div的所有p元素

div>p示例

div + p
//表示紧接在 <div> 元素之后的所有 <p> 元素

div+p

p:first-letter
//表示每个p元素的首个字符

p:first-letter

p:first-line
//表示p元素的首行

first-line

p:nth-child(2)
// 表示选择属于其父元素的第二个子元素的每个 <p> 元素。

p:nth-last-child(2)
//同上 总后向前数

了解本专栏

订阅专栏解锁全文

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

攻城狮Lee丶

关注关注

2
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
打赏
打赏
打赏举报

举报

专栏目录

订阅专栏

div p, div＞p, div+p, div~p, div .p, div,p的区别

weixin_47439387的博客

03-15

3860

1. div p div p {} 是定义标签中所有的标签，包括所有的子标签和孙辈的标签的样式 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> div p{ background-color: red; color: white; } <

CSS常用选择器大全

2301_79985682的博客

05-16

869

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

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

Css中div p与div＞p的区别

balbalaijk的博客

10-14

362

div p后代选择器所指定的是div标签下所有的后代p标签；div>p子代选择器所指定的是div标签下直接子代p标签。

div与p的各种选择器

qq_45626944的博客

10-22

3870

1.div空格p:表示选择div中所有的p <html> <head> <title> 小朋友 </title> <style> div p{ background-color: darkorange; color:aliceblue; }

div p、div>p、div+p、div~p、div.a 、p,span的用法和区别

热门推荐

九亿宅男的梦的博客

01-22

2万+

div p、div>p、div+p、div~p、div.a 的用法和区别 div p ：将所有<div>标签里面的<p>标签选中（子标签和孙子辈标签） <style> div span{color:red;} </style> <div> <p> <span> Hello

div p、div＞p、div+p、div~p、div.a 、div .a、p,span的用法和区别

七十多岁的人了、

10-06

1520

div p、div>p、div+p、div~p、div.a 、p,span的用法和区别 div p ：将所有div标签里面的p标签选中（子标签和孙子辈标签） div>p ：将所有div标签的子标签p选中，不包括孙子辈标签。 div+p：将所有离div相邻的p标签选中 div~p ：将div后面所有的p标签选中 div .content：将选中div下class=content标签 div.content：表示选中class=content的div div span.use...

详解css常用选择器

12-08

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

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

12-04

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

div p 和 div>p 的区别

weixin_44981810的博客

05-06

778

div p 和 div>p 的区别 1.div p 这个p是应用于div下所有的p元素 <html> <head> <meta charset="utf-8"> <title>无标题文档</title> <style type="text/css"> div{ width:200px; height: 200px...

div p、div＞p、div+p、div~p、div.a 、p,span的用法和区别

余浩的博客

07-19

1066

啊

【CSS】常见的样式选择器

qq_43186285的博客

04-30

1880

① element > element 选择器 用于选择指定父元素的元素实例选择所有父级是 <div> 元素的 <p> 元素： div>p { background-color:yellow; } 与 element element 选择器的区别： div p {} 是选择div 下所有的p元素； div > p {} 是选择父元素为div 的所有p 元素如下实例 <style> div span{color:red;} <

关于Web前端div中＜p＞等块状标签位置问题

qq_41367934的博客

05-04

5732

学习目标：提示：这里可以添加学习目标例如：一周掌握 Java 入门知识学习内容：提示：这里可以添加要学的内容例如： 1、搭建 Java 开发环境 2、掌握 Java 基本语法 3、掌握条件语句 4、掌握循环语句学习时间：提示：这里可以添加计划学习的时间例如： 1、周一至周五晚上 7 点—晚上9点 2、周六上午 9 点-上午 11 点 3、周日下午 3 点-下午 6 点学习产出：提示：这里统计学习计划的总量例如： 1、技术笔记 2 遍 2、CSDN 技术博客 3 篇

html div p区别,p标签和div标签的区别与用法

weixin_29957761的博客

06-10

3326

一、css属性判别1、结构不合div与p均是一对入手下手与闭合标签。div以起源，以完毕的一对标签。p以最早，以竣事的一对标签。2、名称差异div是构造框架标签；p是段落标签，机关文章标签。3、div与p基本css属性div与p均独占一行的块元素标签，独一辨别，p自带有不一定margin-top和margin-bottom属性值，而div两个属性值为0，也便是两个p之间有未必间距，而div没有。d...

关于CSS中选择器的一点补充[(div p),(div>p),(div+p)]

你微笑时很美的博客

12-29

1万+

CSS element element 选择器 实例:选择div 下所有的p元素 /*选择并设置位于 &amp;lt;div&amp;gt; 元素内部的每个 &amp;lt;p&amp;gt; 元素的样式*/ &amp;lt;style&amp;gt; div p{ background-color:red; } &amp;lt;/style&amp;gt; ------

CSS 选择器(div+p)(div~p)

houyanhua1的专栏

03-21

8670

demo.html：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style> div+p { /*div后面紧跟着的第一个p标签(必

div p和div>p的区别

寒冬腊月里的洋葱的博客

08-02

1452

## 代码段落 <style> div span{color:red;} </style> <div> <p> <span> Hello World! </span> </p> <span> Study Css </span>

$('div p')、$('div>p')、$(div+span)的用法和区别

@司南牧|知乎|博客|易懂教程|李韬

07-17

5915

$('div p')、$('div>p')、$(div+span)的用法和区别 $(‘div p’):将所有<div>标签里面的<p>标签选中（子标签和孙子辈标签） $(‘div>p’)将所有<div>标签的子标签<p>选中，不包括孙子辈标签。 $(div+span)将所有离<div>最近的<span>标签选中下面是这三个选择器的用法举例：

CSS | 你可能需要明白的 CSS 选择器知识

分享技术类相关知识点、技巧，和大家一起成长。

06-06

802

你可能需要明白的 CSS 选择器知识

五、css复合选择器

helloWorldAndYou的博客

09-07

741

交集选择器 交集选择器由两个选择器构成，其中第一个为标签选择器，第二个为class选择器，两个选择器之间不能有空格，如div.classname1 并集选择器 各个选择器通过逗号连接而成的。 div,p,.classname1,#id1{width:2px;} 后代选择器 当标签发生嵌套时，内层标签就成为外层标签的后代。后代选择器又称为包含选择器，用来选择元素或元素组的后代...

CSS常用选择器、优先级及常用属性