css选择器的区别

最新推荐文章于 2023-09-20 23:59:46 发布
最新推荐文章于 2023-09-20 23:59:46 发布
阅读量665 收藏
点赞数
分类专栏： html 文章标签： html css 选择器的区别
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/u011662320/article/details/37740511
版权
1.对于id属性值等于xx的div元素起作用的CSS样式
div[id = xx ]{}
2.对id为xx的元素起作用的CSS样式
   #xx{}
3.对id为xx的p元素起作用的CSS样式
p#xx{}
4.对所有class为xx的元素起作用
.xx{}
5.对class为xx的div元素起作用
div.xx{}
6.对有所有的div元素起作用
    div{}
7.对处于div之类且class属性为a的元素起作用
div .a{}
8.对处于div之类且class属性为a的元素起作用
div>.a{}
注意7和8的区别的是：7的选择器，只要目标选择器处于外部选择器对应元素的内部就可以，即使是"孙子元素"
8选择器，目标选择器必须作为外部选择器的直接子元素。
无悔_一叶扁舟
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
CSS 选择器支持列表
09-25
CSS 选择器支持列表 CSS 选择器是 CSS 中的一个重要组成部分，它允许开发者根据特定的规则来选择和应用样式到 HTML 元素上。下面是 CSS 选择器支持列表的详细解释： ### 一、基本选择器 * `E`：选择所有 HTML ...
CSS选择器
01-08
Web前端css3选择器 参考文档： https://man.ilovefishc.com/css3/ 一、基本选择器 选择器 类型 功能描述 * 通配选择器 选择文档中所有的html元素 E 元素选择器 选择指定的类型的html元素 id ID选择器 ...
css有几种选择器，有什么区别？
weixin_42520375的博客
01-08 2075
基本选择器 1.标签选择器：直接用元素的标签来进行选择 span { // 直接选择span标签 size:16px; } 2.ID选择器：通过设置id名字，进行精确的选择，用#来定义 # div1 { //通过id名字来进行选择 color:red; } <div id="div1">1</div> 3.类选择器:通过类名来进行选择，选择范围比id选择器大，...
CSS选择器的区别
qq_34964426的博客
05-12 346
CSS的修炼心得            学习CSS之前必须得对html有基础的了解。         CSS即层叠样式表（Cascading Style Sheets）,学习CSS是为了将内容与表现分离，实现更好的页面布局，具有两个特性：继承性和层叠性。 一：CSS的使用方式：CSS有三种运用方式，可以单独使用也可以一起使用。   1.行内样式：直接在html的标签中使用style属性。如
css选择器区分：
lv_suri的博客
07-08 203
Css称层叠样式表网页内容，由HTML控制网页样式，有css控制选择器有：标签选择器、类class选择器、id选择器、通配符选择器。(一般建议用类选择器较多)标签选择器:h1,img,p类选择器：className Id选择器： 通配符选择器：* Css常用的属性有：字体大小：font-size字体颜色：color宽度:width高度：height背景色:background-color文本水平居中:text-align文本行高（垂直居中）:line-height 选择器进阶常用有以下4种：层级选择器、
CSS之选择器的使用区别
xc_init的博客
11-30 150
三大选择器 1.标签选择器 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> h1{ color: blue; } p{ color: aquamarine;
第十课：CSS选择器的介绍和区分
weixin_33859504的博客
12-02 116
IE7以及以下版本： getElementById是不区分表单元素ID与Name的，因此如果有一个表单元素只定义name，并与我们的目标元素ID同名，并且我们的目标元素在它的后面，那么就会选择到那个表单元素。所以一般在定义表单元素时，都会定义跟name一样的id，就是以防其他元素的id跟表单元素的name一样（文档中的id都是唯一的）。 getElementsByTagName，当参数为"*"...
CSS教程之css选择器 、属性、值
10-30
本教程将深入探讨CSS选择器、属性以及值，帮助你更好地理解和应用CSS来美化你的网页。 首先，我们要了解CSS选择器。选择器是CSS的核心组成部分，它的主要作用是定位HTML文档中的特定元素，以便对这些元素应用样式。...
CSS选择器.pdf
10-09
在 CSS 中，选择器是一种模式，用于选择需要添加样式的元素。 "CSS" 列指示该属性是在哪个 CSS 版本中定义的。（CSS1、CSS2 还是 CSS3。）
CSS教程 CSS选择器
09-25
理解并灵活运用CSS选择器是创建美观、响应式和高性能网页设计的关键。在实际开发中，合理组织和选择选择器可以提高代码的可读性和效率，同时遵循最佳实践和W3C标准，确保页面的兼容性和可访问性。
02-CSS基础选择器的区别及其分类
m0_49028830的博客
07-14 350
CSS选择器（重点） 学习目标： 理解 能说出选择器的作用 id选择器和类选择器的区别 应用 能够使用基础选择器给页面元素添加样式 1. CSS选择器作用（重点） 如上图所以，要把里面的小黄人分为2组，最快的方法怎办？ 很多， 比如 一只眼睛的一组，剩下的一组 选择器的作用 ​ 找到特定的HTML页面元素 pink老师一句话说出他们： ※※※※ **CSS选择器干啥的？ 选择标签用的， 把我们想要的标签选择出来 ** 必须记住的 css 就是 分两件事， 选对人， 做对事。 h
CSS 一文搞懂css选择器的各种区别
前端看世界
05-10 609
以下两个教程包含所有选择器的使用说明， 但是有的说明还是不太容易理解，容易混淆不清。 菜鸟教程： https://www.runoob.com/cssref/css-selectors.html w3school： https://www.w3school.com.cn/cssref/css_selectors.asp 交集选择器 可以如何组合 选择器 说明 .class1.class2 类名和类名组合 tagName.class 标签和类名组合 [attribute].clas
css样式选择器的种类及区别
freesky的专栏
04-18 6450
每一条css样式声明（定义）由两部分组成，形式如下： 选择器{     样式; } 在{}之前的部分就是“选择器”，“选择器”指明了{}中的“样式”的作用对象，也就是“样式”作 用于网页中的哪些元素。下面就来介绍各种选择器： 1.标签选择器 标签选择器其实就是html代码中的标签。如右侧代码编辑器中的、、、、。例如下面代码： p{font-size:12px;  li
CSS选择器区别和使用方法
u012631731的博客
06-02 301
后代选择器---只会作用于紧接着div下面的p元素 div > p {      color: red; }                   子元素选择器---作用于div下面的所有p元素 div  p {      color: red; }                   相邻兄弟选择器---作用于和div同级的div下面的一个p元素 div + p ｛ c
（CSS学习记录）：CSS选择器
baidu_41388533的博客
09-19 408
写在前面：参考哔哩哔哩黑马程序员pink老师教程 地址：https://www.bilibili.com/video/BV14J4114768?t=328&p=26 目录 CSS选择器（重点） CSS选择器作用（重点） 选择器的作用 CSS基础选择器 标签选择器 类选择器 类选择器特殊用法- 多类名 id选择器 通配符选择器 基础选择器总结 CSS选择器（重点） CSS选择器作用（重点） 选择器的作用 找到特定的HTML页面元素 CSS选择器干啥的？ 选择标签.
CSS选择器比较
Fimooo的博客
03-11 264
CSS选择器比较[attribute^=value]和[attribute*=value]和[attribute$=value][attribute^=value]a[class^=&quot;a-icon&quot;] (demo)a[class^=&quot;a-icon&quot;] (效果)a[class^=&quot;a-icon&quot;] (小结)[attribute*=value]a[class*=&quot;a-icon&q
CSS选择符的种类以及对比分析
张亚楠的博客
08-18 2173
CSS选择符             选择符就是你要操作的XHtml元素，可以使Xhtml标签，比如;可以使标签的class属性，例如;也可以是标签的ID属性，例如：;          选择符的种类有一下七种：          标签选择符：就是Xhtml的元素，比如：,等，操作范围是一种标签的范围，由于操作范围比较广，常用语格式化标签的默认属性，解决浏览器的兼容性问题。   
CSS 选择器有几种？有什么区别？
最新发布
子玉的博客
09-20 141
这些是一些常见的CSS选择器，它们允许您以不同的方式选择和样式化HTML元素，以实现所需的页面布局和外观。选择正确的选择器是CSS样式表设计的关键部分，可以根据文档结构和样式需求来选择适当的选择器。
$("div[XXX]"什么意思？
Ideality_hunter的专栏
05-04 939
获取div标签中，属性为XXX的div。
CSS3选择器支持情况一览
"此资源提供了一个CSS选择器的支持列表，主要关注CSS3选择器在不同浏览器中的兼容性情况。更新于2009年6月30日，提及Firefox 3.5的发布，该版本与其他现代浏览器如Safari 3.1及更高版本、Opera 9.64及更高版本以及...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值