类选择器不能设置img标签的样式，而ID选择器可以设置相同图像的样式？ - 腾讯云开发者社区 - 腾讯云

开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

【CSS】CSS 总结 ④ ( CSS 特性 | 样式层叠冲突 | 样式的继承性 | 样式优先级 | 选择器基本权重 | 后代选择器权重计算 | 链接伪类选择器权重计算 | 判定标签样式 ) ★

一、CSS 特性 1、样式层叠冲突 CSS 层叠性 : 为标签设置多种 CSS 样式 , 会出现 CSS 样式叠加的情况 , 如果有两个相同类型的 CSS 样式作用在了同一个标签上...p 标签会自动继承父标签 div 标签的样式 , 其文本也为红色 ; 子标签继承父标签样式 , 可以降低 CSS 代码复杂性 , 便于维护 ; 不是所有的 CSS 样式都可以继承 , 可继承的样式有..., color 样式 ; 元素的宽高样式 , 背景设置 , 明显不可以继承 ; 3、优先级引入定义 CSS 样式时 , 可能出现多个类型相同的规则定义在同一个元素上 , 如果 CSS 选择器..., 2 个标签选择器组合而成的 ; 该选择器是设置 .nav 类标签下的 p 标签下的 span 标签样式 ; 类选择器的权重为 0,0,1,0 ; 标签选择器的权重为 0,0,0,1...* 通配符选择器 0,0,0,0 标签选择器 0,0,0,1 类选择器，链接伪类选择器 0,0,1,0 ID 选择器 0,1,0,0 标签的行内样式 style 属性 1,0,0,0 样式后添加 !

1411 0

Imooc之Html与CSS

css样式，如下： .stress{color:red;} ---- ID选择器在很多方面，ID选择器都类似于类选择符，但也有一些重要的区别： 1、为标签设置id=”ID名称”，而不是class=...2、ID选择符的前面是井号（#）号，而不是英文圆点（.）。 ---- ID和类选择器的区别相同点：可以应用于任何元素不同点： 1、ID选择器只能在文档中使用一次。...与类选择器不同，在一个HTML文档中，ID选择器只能使用一次，而且仅一次。而类选择器可以使用多次。 2、可以使用类选择器词列表方法为一个元素同时设置多个样式。...我们可以为一个元素同时设多个样式，但只可以用类选择器的方法实现，ID选择器是不可以的（不能使用 ID 词列表）。...2、ID选择符的前面是井号（#）号，而不是英文圆点（.）。 ID选择器和类选择器的区别： ID选择器只能在文档中使用一次。可以使用类选择器词列表方法为一个元素同时设置多个样式。

6.8K2 0

您找到你想要的搜索结果了吗？

是的

没有找到

CSS基础知识

1、英文圆点开头 2、其中类选器名称可以任意起名（但不要起中文噢） ID选择器类和ID选择器的区别学习了类选择器和ID选择器，我们会发现他们之间有很多的相似处，是不是两者可以通用呢？...我们不要着急先来总结一下他们的相同点和不同点：相同点：可以应用于任何元素不同点：· 1、ID选择器只能在文档中使用一次。与类选择器不同，在一个HTML文档中，ID选择器只能使用一次，而且仅一次。...而类选择器可以使用多次。...就一直没有这个id="stress">勇气来回答老师提出的问题。 2、可以使用类选择器词列表方法为一个元素同时设置多个样式。...我们可以为一个元素同时设多个样式，但只可以用类选择器的方法实现，ID选择器是不可以的（不能使用 ID 词列表）。

1.3K2 0

前端面试题-每日练习(3)

特点： (1)任意放缩用户可以任意缩放图像显示，而不会破坏图像的清晰度、细节等。 (2)文本独立 SVG图像中的文字独立于图像，文字保留可编辑和可搜寻的状态。...='text' name='B'/> 注意:label的for属性值要与后面对应的input标签id属性值相同 Number: <...（优先级、计算特殊值）优先级 (1)、同类型，同级别的样式后者先于前者 (2)、ID > 类样式 > 标签 > * (3)、内联>ID选择器>伪类>属性选择器>类选择器>标签选择器>通用选择器...权重、特殊性计算法：CSS样式选择器分为4个等级，a、b、c、d (1)、如果样式是行内样式（通过Style=“”定义），那么a=1，1,0,0,0 (2)、b为ID选择器的总数 0,1,0,0...(3)、c为属性选择器，伪类选择器和class类选择器的数量。

1542 0

CSS 基础

head 使用标签引入，优点：结构样式分离，减少 http 请求的次数，一般用在访问量高大型网站；缺点：CSS 文件不能缓存 body...，选择器一样的情况下，后定义的相同 css 属性会覆盖前面定义的，后面的样式生效 CSS 选择器 CSS 选择器的书写格式为：选择器 + 大括号，大括号里面书写 css 属性样式，键值对 key : value...CSS 选择器类型一般有三种，分别是标签选择器、ID 选择器和类选择器，需要注意的是，ID 选择器以 # 号开头，id 值在同一个 HTML 页面是唯一的，不能重复，相当于元素的身份标识，id 属性的设置...，不能以数字开头，中间不要出现空格；而类选择器，则是以 ....号开头，可以重复使用，并且同一元素能够添加多个 class，不能以数字开头优先级：内联样式 > id 选择器 > class 选择器 > 标签选择器 body { height: 2000px;

3.2K4 0

CSS学习笔记（基础篇）

一个标签可以调用多个类选择器。多个标签可以调用同一个类选择器。...类选择器命名规则不能用纯数字或者数字开头来定义类名不能使用特殊符号或者特殊符号开头（_ 除外）来定义类名不建议使用汉字来定义类名不推荐使用属性或者属性的值来定义类名常用的命名 ?...3.一个标签可以同时调用类选择器和ID选择器。通配符选择器 *{属性:值;} 特点：给所有的标签都使用相同的样式。 ★不推荐使用，增加浏览器和服务器负担。...复合选择器概念：两个或者两个以上的基础选择器通过不同的方式连接在一起。交集选择器标签+类（ID）选择器{属性：值；} 特点：即要满足使用了某个标签，还要满足使用了类选择器或者ID选择器。...a链接标签不能继承文字颜色（继承了但是不显示，链接标签默认是蓝色）优先级默认样式标签选择器类选择器 id选择器样式< !

4.6K3 0

HTML详解连载（4）

div> 选择器作用查找标签，设置样式基础选择器标签选择器类选择器 id选择器通配符选择器标签选择器使用标签名作为选择器->选中同名标签设置相同的样式。...举例 p,h1,div,a,img… 特点选中同名标签设置相同的样式，无法差异化同名标签的样式类选择器作用查找标签，差异化设置标签的显示效果步骤定义类选择器-> .类名使用类选择器->标签添加...--使用类选择器--> 这是div标签强调一个类选择器可以给多个标签使用一个标签可以有多个类名，class属性值写多个类名，类名间用空格隔开...注意类名自定义，不能纯数字或中文，尽量用英文命名开发习惯类名见名知意，多个单侧可以用-连接，例如news-hd id选择器作用查找标签，差异化设置标签的显示效果场景 id选择器一般配合JavaScript...使用，很少用来设置CSS格式步骤定义id选择器->#id名使用id选择器->标签添加id=”id名” 规则同一个id选择器再一个页面只能使用一次通配符选择器作用查找页面所有标签，设置相同样式

1421 0

CSS-02

# 并集选择器并集选择器（css选择器分组）是各个选择器通过逗号连接而成的，任何形式的选择器（包括标签选择器、class类选择器，id选择器等），都可以作为并集选择器的一部分。...如果某些选择器定义的样式完全相同，或部分相同，就可以利用并集选择器为它们定义相同的CSS样式。并集选择器和的意思，只要逗号隔开的，所有选择器都会执行后面样式。不能再放链接。 # 行内块元素（inline-block）在行内元素中有几个特殊的标签——img />、可以对它们设置宽高和对齐属性，有些资料可能会称它们为行内块元素。...important>行内样式表>ID选择器>类选择器>标签选择器>通配符>继承的样式>浏览器默认样式在考虑权重时，初学者还需要注意一些特殊的情况，具体如下：继承样式的权重为0。...继承或者* 的贡献值 0,0,0,0 每个元素（标签）贡献值为 0,0,0,1 每个类，伪类贡献值为 0,0,1,0 每个ID贡献值为 0,1,0,0 每个行内样式贡献值 1,0,0,0 每个!

2K3 0

深入解析CSS样式优先级

important标识 10000 行内样式 1000 id选择器 100 类选择器 10 标签选择器 1 通配符 * 0 具体的判断我们可以用一个矩阵来表示：(0, 0, 0, 0, 0)。...在编写样式的时候，我们一般都不会使用ID选择器来控制样式，同时也不会在HTML文档中添加过多的ID选择器。ID选择器一般更多的是用于获取元素，而不是用来控制CSS样式。再者是类选择器。...这个在CSS样式的编写中用的算是最多的一种，因为一个标签可以添加多个类名，不像ID只能添加一个，编写不同的类名来控制不同的样式显示，同时根据权重来控制样式的覆盖。...经过这样的测试，我们可以猜想，在一个元素使用了ID选择器修饰了样式以后，如果在使用类选择器，这时候是是没有办法使相同的样式属性生效，生效的依然是那个ID选择器修饰的样式。为什么权重值大也没有用呢？...比如 ::before 和 ::after 这两种伪元素都是在文档中添加一个假的元素，并不能够设置 id class 等属性。所以这里可以把它作为一个唯一的存在。那么他的权重我们可以看为1。

1.8K1 0

『知识巩固#1』Html、Css基础整理

.class 通过类名指定标签的style 一个标签需要多个类名，用空格隔开即可 id 选择器配合js 诞生，在一个页面中式唯一的，不可替代的 #id {属性名: 属性值} 所有标签上都有id...属性每一个标签只能有一个id属性值一个id 选择器只能选中一个标签通配符选择器使用* 号可以匹配所有的标签一般用其清除margin、padding属性字体和文本样式字体字体大小...→ 此时样式会层叠叠加 → 会共同作用在标签上给同一个标签设置相同的样式 → 此时样式会层叠覆盖 → 最终写在最后的样式会生效当样式冲突时，只有当选择器优先级相同时，才能通过层叠性判断结果优先级...最复杂 css三大特性优先级的介绍不同的选择器具有不同的优先级，优先级高的选择器样式会夫噶优先级低的样式优先级公式继承选择器标签选择器类选择器 id...权重叠加计算公式 (0, 0, 0, 0) (行内，id，类名，标签) 之间无进位只是统计每个复合选择器的对应选项个数如果都相同谁在后面谁生效如果第一级数字相同再去比较其他需要结合例子理解

4K2 0

WEB入门三 CSS样式表基础

样式规则示例如下： CSS样式的属性和属性值都是CSS规范定义好的，直接使用就可以了；而CSS选择器则分为三类：标签选择器、类选择器、ID选择器；下面逐一介绍选择器的用法。...用户只需要通过选择器对不同的HTML标签进行控制，即可实现各种不同的效果。根据选择器所修饰的内容类别不同选择器又分为标签选择器(有的教材也称元素选择器)、类选择器、ID选择器。...类别选择器的名称可以由用户自定义，属性和值跟标签选择器一样，也必须符合CSS规范，如图3.1.3所示：例如当页面中同时出现3个标签，并且希望它们的对齐方式各不相同，就可以通过设置不同的class...图3.1.4 类别选择器从图3.1.4中可以发现，最后一行标签显示效果为粗体字，而同样使用了.two选择器的第2个标签却没有显示为居中对齐。...很多时候页面中几乎所有的标签都使用相同的样式风格，只有一两个特殊的标签需要使用不同的风格，这时可以使用class选择器与上一节学习的标签选择器来配合使用。如示例3.3所示。

1161 0

HTML以及CSS初级操作

图像标签的基本语法 img src="图片地址" alt="图像的替代文字" title="鼠标悬停时提示文字" width="图片宽度" height="图片高度"> 1.1.4 超链接标签超链接的基本用法...name为marker的指定位置，同时因为有些标签没有name属性也可以使用id来进行标记，效果相同，但是兼容性更加好。...外部样式表两种方法的区别 link标签属于xhtml范畴而导入式是CSS2.1所特有的使用链接式的CSS使客户端浏览网页时先将外部CSS文件加载到网页中再进行编译显示，所以这种情况下即使网速比较慢显示的网页与预期也会相同...1.4.4 CSS的选择器选择器是CSS中非常重要的概念。在CSS中有三种最基本的选择器，分别是标签选择器、类选择器以及ID选择器。...标签选择器标签{属性：属性值；} 类选择器类名{属性：属性值；} ID选择器 ID名{属性：属性值；} 三种选择器的优先级: ID选择器>类选择器>标签选择器 1.5 使用CSS美化页面文字以及背景

2.5K3 0

CSS入门？一篇就够了！

标签选择器可以把某一类标签全部选择出来 div span 类选择器类选择器使用“.”...类选择器最大的优势是可以为元素对象定义单独或相同的样式。可以选择一个或者多个标签小技巧： 1.长名称或词组可以使用中横线来为选择器命名。 2.不建议使用“_”下划线来命名CSS选择器。 ...用法基本和类选择器相同。 id选择器和类选择器区别 W3C标准规定，在同一个页面内，不允许有相同名字的id对象出现，但是允许相同名字的class。...并集选择器并集选择器（CSS选择器分组）是各个选择器通过逗号连接而成的，任何形式的选择器（包括标签选择器、class类选择器id选择器等），都可以作为并集选择器的一部分。...如果某些选择器定义的样式完全相同，或部分相同，就可以利用并集选择器为它们定义相同的CSS样式。记忆技巧：并集选择器和的意思，就是说，只要逗号隔开的，所有选择器都会执行后面样式。

5.2K2 0

前端入门学习--CSS

和 class id 和 class 选择器如果要在HTML元素中设置CSS样式，需要在元素中设置id和class选择器。...id选择器 id选择器可以为标有特定id的HTML元素指定特定的样式。 HTML元素以id属性来设置id选择器，CSS中id选择器以#来定义。...，class选择器有助于id选择器，class可以在多个元素中使用。...外部样式表可以在任何文本编辑器中进行编辑，文件不能包含任何的HTML标签，样式表应该以.css扩展名进行保存。...Float（浮动），往往是用于图像，但它在布局时一样非常有用。元素怎样浮动元素的水平方向浮动，意味着元素只能左右移动而不能上下移动。

27.7K2 0

【web前端阶段二】CSS巩固学习（持续更新）

类选择器 .className{ } 如：.box{ color:red; } 类名不能以数字开头注意：一个页面中class名字可以重复 .libai{...合并选择器语法：选择器1,选择器2,…{ } 作用：提取共同的样式，减少重复代码例如：.header,.footer{height:300px;} ---- 优先级： ID>类>通用>元素 --...-- 6.CSS样式表特征 1.继承性指被包含在内部的标签可以拥有外部标签的样式，比如：text-*、font-*、line-*，但有些属性不能继承，比如：border、padding、margin...2.层叠性可以定义多个样式 3.优先级样式定义冲突时，按照不同样式规则的优先级来应用样式 css样式表优先级总结：相同的选择器，其样式表排序：行内样式>内部样式>外部样式(就近原则) 相同方式的样式表...，其选择器排序：ID选择器>类选择器>标签选择器（范围越小越优先）外部样式表的ID选择器>内部样式表的标签选择器 7. div+css布局内容和显示分离，便于维护扩展，网页布局方便，当需求改变的时候

6584 0

CSS

可以添加多个class样式。多个样式的时候，样式的优先级根据CSS决定，而不是class属性中的顺序。...标签+类的写法标签(元素)选择器 div{} p{} 应用：去掉某些标签的默认样式时复杂的选择器中，如层次选择器群组选择器(...布局相关的样式不能被继承 ( 默认是不能继承的，但是可以设置继承属性 inherit 值 ) div{width:100px ;height:100px;border:1px solid red;color...*/ CSS优先级当设置相同样式时，后面的优先级较高。...important不能针对继承的属性进行优先级的提升标签+类>单类如：div.box{}>.box{} 群组选择器与单一选择器的优先级相同，靠后写的优先级高。

9881 0

前端成神之路-CSS（选择器、背景、特性）

1.4 并集选择器（重点）应用：如果某些选择器定义的相同样式，就可以利用并集选择器，可以让代码更简洁。...任何形式的选择器（包括标签选择器、class类选择器id选择器等），都可以作为并集选择器的一部分。...nav>p 交集选择器选择两个标签交集的部分既是又是较少没有符号 p.one 并集选择器选择某些相同样式的选择器可以用于集体声明较多符号是逗号 .nav, .header 链接伪类选择器...2.4 行内块元素（inline-block）例：在行内元素中有几个特殊的标签——img />、、，可以对它们设置宽高和对齐属性，有些资料可能会称它们为行内块元素。...2.5 三种模式总结区别元素模式元素排列设置样式默认宽度包含块级元素一行只能放一个块级元素可以设置宽度高度容器的100% 容器级可以包含任何标签行内元素一行可以放多个行内元素不可以直接设置宽度高度

1.9K2 0

CSS选择器

id 选择器的选择符是 “#”。任何元素都可以使用 id 属性设置唯一的 id 名称。这是选择单个元素的最有效的方式。id 选择器具有唯一性。...两个选择器之间不能有空格。简单记忆为：并且的意思。即…又…的意思，比如 p.one 选择的是类名为 one 的段落标签。选择器是各个选择器通过逗号连接而成的，任何形式的选择器（包括标签选择器、class 类选择器、id 选择器等），都可以作为并集选择器的一部分。...如果某些选择器定义的样式完全相同，或部分相同，就可以利用并集选择器为它们定义相同的 CSS 样式。简单记忆为：和的意思。设置如下： - 1 表示标签选择器的权重；- 10 表示类选择器的权重；- 100 表示 id 选择器的权重；- 1000 表示内联样式的权重。

1.1K2 0

Android开发人员初识前端

2、选择器 2.1、标签选择器标签选择器其实就是html代码中的标签。就像p，span，body等等，都可以直接设置样式。 1Hello World!... 2 3span{ 4 5} 2.2、类选择器类选择器就是为html标签设置一个名称，以英文圆点开头，后面跟名称，类选择器名称可以任意取，但是不要用中文；先把要修饰的内容用标签标记，然后再取名字... 2 3.hello{ 4 5} 2.3、ID选择器 ID选择器和类选择器很像，但是它是为标签设置一个id，以#开头： 1id="hello">Hello World!... 2 3#hello{ 4 5} 总结：类选择器和ID选择器的共同点是他们可以应用于任何元素；不同点是，ID选择器只能在文档中使用一次，二类选择器可以使用多次（ID选择器的一个名称只能修饰一个标签...，而类选择器的名称可以修饰多个）；可以使用类选择器词列表方法为一个元素同时设置多个样式，但是ID选择器不能；还有一点就是ID选择器的优先级更高。

2.3K3 0

CSS学习

标签选择器标签选择题其实就是HTML代码中的标签，如等类选择器类选择器在CSS样式中是最常用到的。...> 第二步：使用class=“类选择器名称”为标签设置一个类，如类选择器第三步：设置类选择器css样式，如 .cls{color:red;} ID...选择器在很多方面，ID选择器都类似于类选择器，但也有一些重要的区别： 1、为标签设置id=”id名称”，而不是class=”类名称”。...2、id选择符的前面是#号，而不是英文圆点（.）。类和ID选择器的区别 ID选择器只能在文档中使用一次，而类选择器可以使用多次。...可以使用类选择器词列表方法为一个元素同时设置多个样式，但id选择器不可以。子选择器加入大于符号（>）用于选择指定标签元素的第一代元素。

1.2K4 0

点击加载更多

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭