HTML5基础（选择器优先级）

最新推荐文章于 2024-04-27 19:27:33 发布
最新推荐文章于 2024-04-27 19:27:33 发布
阅读量1.4k 收藏 11
点赞数
分类专栏： html5 文章标签： html5 css 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/HandsomeLeft/article/details/123380202
版权

css的基本选择器有4种分别是标签选择器，ID选择器，类选择器和通配选择器

标签选择器

p{ font-size: 12px; color: #666; font-family:"微软雅黑"; }

•所有的HTML标记名都可以作为标签选择器，例如a、body、p、h1等等。

用标签选择器定义的样式对页面中该类型的所有标签都有效。

ID选择器

•id选择器使用‘#’进行标识，后面紧跟id名。

•基本语法格式：#id名{ 属性1：属性值1；属性2：属性值2

最低0.47元/天 解锁文章
HandsomeLeft
关注
  • 0
    点赞
  • 踩
  • 11
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
html选择器优先级如何计算,CSS选择器权重计算与优先级
weixin_35728636的博客
06-05 3739
CSS选择器权重计算与优先级选择器有优先级，可以通过权重来计算优先级。一：优先级等级划分：第一优先级：css属性+!important是一种强制改变优先级的方法，它会覆盖页面内任何位置定义的元素样式，它拥有最高优先级。第二优先级：在html中给元素标签加style，即内联样式。第三优先级：由id选择器来定义。例如，#id{ }会覆盖.classname{ }第四优先级：由class选择器、属性选择...
类选择器
Liyunhao_haoge的博客
10-04 2677
类选择器 类选择器使用"."（英文点号）进行标识，后面紧跟类名，其基本语法格式 如下： .类名 {属性1:属性值1; 属性2:属性值2; 属性3:属性值3; ......} 标签调用的时候用： class = "类名" 小技巧： 1、长名称或词组可以使用中横线来为选择器命名。 2、不建议使用“_”下划线命名CSS选择器； （1）输入的时候少按一个shirt键 （2）浏览器兼容问题（比如使用_ti...
HTML选择器的优先级
fwd010627的博客
02-06 3172
在HTML中关于选择器优先级的判断
html+css 选择器优先级
最新发布
2301_78986604的博客
04-27 577
(3)字体和文本属性:font，color，text-align，vertical-align，text-indent。(2)自身属性:width，height，margin，padding，border，background。(1)显示属性：display，list-style，position，float，clear。控制对象的精准度>id个数>class个数>tagname个数>后定义覆盖前定义。id>class>tagname(标签选择器)>*(通配符选择器)2.多元素组合选择器的优先级。
html5中的各类选择器使用及优先级
Singe_lq的博客
06-09 2424
web前端html5、css的各类选择器的使用和优先级
CSS3之基础选择器入门
三季人的博客
10-17 578
css选择器标记选择器id选择器和类选择器通配符选择器交集选择器并集选择器后代选择器 要想将css样式应用指定的html元素，首先要找到该目标元素。执行这一任务的样式规则部分被称为选择器。 以下是使用选择题指定html元素的格式规则 选择器{属性1:属性值1;属性2:属性值2;} 标记选择器 基本语法格式为： 标记名{属性1:属性值1;属性2:属性值2;} 用标记选择器可以对所有该类型标记都生效 例如： <!DOCTYPE html> <html lang="en"> <h
css选择器优先级深入理解
12-13
一、基础选择器 1. 标签选择器：例如 `p`，通过标签名选择元素，如`p{...}`，应用于页面中所有`<p>`标签。 2. 类选择器：如 `.error`，通过类名选择元素，如`<div class="error">`，可以为类名设置样式，类选择器可...
css基础知识之选择器使用示例
09-25
本篇文章将深入探讨CSS选择器的基础知识和使用示例，帮助理解如何有效地控制页面的样式表现。 首先，我们要明白选择器的优先级或者说特殊性（specificity）是决定样式生效的关键因素。CSS的特殊性由四个部分组成，...
前端css选择器练习diner.zip
04-22
1. **基础选择器**：这些是最简单的选择器，包括标签选择器（如`<p>`）、类选择器（`.myClass`）、ID选择器（`#myID`）和通配符选择器（`*`）。在练习中，你会看到如何使用它们来指定特定元素的样式。 2. **组合器*...
HTML5学习笔记.docx
05-06
选择器决定了哪些HTML元素将应用样式，如后代选择器（如`div p`）、子级选择器（如`div > p`）、交集选择器（如`p.ONE`）和并集选择器（如`p, a`）。理解并熟练运用这些选择器可以精确地定位和控制元素样式。 在CSS...
CSS学习之二 选择器
09-25
在CSS中，选择器是用于选取网页中特定HTML或XML...记住，选择器的优先级是：ID选择器 > 类选择器 > 元素选择器 > 通配选择器，优先级高的选择器会覆盖优先级低的选择器的样式。这使得我们可以根据需要调整和覆盖样式。
html中基本选择器的优先级,详解CSS中的选择器优先级顺序
weixin_39913807的博客
06-03 329
特殊性是什么在对一个HTML元素应用CSS样式时，常常有很多种方法可以找到元素，比如：CSS Code复制内容到剪贴板这是一个段落#containerp{color:red}divp{color:green}p{color:yellow}可见，如果要作用到一个HTML元素的方法有很多，远远不止这些。那么如果一个元素被应用了很多同样的样式，最终会显式到哪一个样式呢？CSS对于多个选择器的优...
HTML-选择器
m0_73595197的博客
03-28 3020
id属性是唯一的，class不唯一四种选择器的优先级：id>class>标签>通配符。
（基础）选择器的语法
Sun__Fei的博客
07-17 1565
CSS选择器是CSS规则的第一部分，每个CSS规则都以一个选择器或一组选择器为开始CSS选择器即用于“查找”（或选取）要设置样式的HTML元素的模式选择器可以分为基础选择器、复合选择器总结使用频率*通配符选择器通常用于重置样式【最不常用】。标签选择器定义的全局样式，单独使用要慎重。class类选择器基础选择器中最常用。id选择器用于页面中唯一模块，具有唯一性。...
CSS常见选择器总结
device2070的博客
06-05 743
css选择器包括了很多中，笔者在此做了一个简单的汇总作为复习也供大家参考 基础选择器 基础选择器是
HTML5 03_选择器
iamts的博客
07-08 1131
HTML5学习的第三个部分：选择器
CSS基础选择器的使用
qq_66198247的博客
01-22 2100
一.CSS元素选择器： 也叫标记选择器，比如p, h1, em, a,甚至可以是HTML本身。例如：html{color:black;} p{color:red;} 二.CSS类选择器 1. 基本语法格式为：.类名{属性1：属性值1；属性2：属性值2；}，类选择器最大的优势是可以为元素对象定义单独或相同的样式。例如： <h1 class=“important”> The heading is very important.</h1> <p class=“im..
02-CSS-语法和选择器
记录java学习日常~
05-13 1097
如果有多个选择器针对同一个元素定义了不同的样式，那么拥有 ID 选择器的规则将覆盖元素选择器的规则。需要注意的是，由于通用选择器能匹配到 HTML 中的所有标签，因此在代码中大量滥用通用选择器会导致 CSS 选择器的匹配过程变慢，影响页面性能。利用元素选择器，可以控制某个页面或整个网站内的某类 HTML 元素的样式，这些元素可以是段落、标题、图像、表格等标准的 HTML 元素。元素选择器根据元素名称来选择 HTML 元素。元素选择器会选择文档中所有符合条件的元素，并将相同的样式应用于所有选中元素。
CSS中选择器详细介绍
邪小新的博客
04-04 717
一、基本选择器 1.标签选择器（元素选择器） 标签选择器是指用HTML标签名称作为选择器，按标签名称分类，为页面中某一类标签指定统一的CSS样式。其基本语法格式如下： body{ font-size: 14px; font-family: "Microsoft YaHei",sans-serif; color: #333; } 2.类选择器 类选择器使用“.”（英文点号）...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值