Java正则表达式高级用法详细解析教程

java正则表达式的高级用法远超简单字符串匹配,它提供了一种灵活的方式来定义、查找、提取和替换复杂文本模式。1.核心类为pattern和matcher,pattern用于编译正则表达式以提升效率,matcher用于执行匹配操作;2.命名捕获组(如(?d{4}))提高代码可读性,非捕获组((?:…))用于分组而不捕获内容;3.零宽断言包括正向先行(?=.)、负向先行(?!=.)、正向后行(?<=.)和负向后行(?<!.),用于判断匹配位置的上下文条件;4.量词分为贪婪(.)、勉强(.?)和独占(.*+),影响匹配过程中的回溯行为;5.性能优化包括预编译pattern、避免灾难性回溯、使用原子组和matcher.reset();6.常见陷阱涉及特殊字符转义、贪婪与勉强混淆、matches()与find()区别redos风险及跨行匹配设置。掌握这些特性可显著提升文本处理能力,实现精准的数据提取与验证。

Java正则表达式高级用法详细解析教程

Java正则表达式的高级用法,在我看来,它远不止是简单的字符串匹配那么回事。它更像是一门精妙的语言,能让你以极其灵活的方式定义、查找、提取乃至替换文本中的复杂模式。掌握它,意味着你在处理日志、解析数据、验证输入时,能够以更少代码实现更强大、更精准的功能,效率和弹性都能得到显著提升。

Java正则表达式高级用法详细解析教程

解决方案

在Java中,正则表达式的核心在于java.util.regex包中的PatternMatcher两个类。理解它们的工作机制,是迈向高级应用的第一步。

Pattern类代表一个编译后的正则表达式。为什么要编译?就像编译代码一样,预先处理能显著提升匹配效率,尤其当你需要多次使用同一个正则表达式时。我通常会这么做:

立即学习“Java免费学习笔记(深入)”;

Java正则表达式高级用法详细解析教程

import java.util.regex.Pattern;import java.util.regex.Matcher;public class RegexAdvancedDemo {    public static void main(String[] args) {        // 编译正则表达式        String regex = "(d{4})-(d{2})-(d{2})"; // 匹配日期格式 YYYY-MM-DD        Pattern datePattern = Pattern.compile(regex);        String text = "今天是2023-10-26,明天是2023-10-27。";        // 创建Matcher对象        Matcher matcher = datePattern.matcher(text);        System.out.println("--- 基础匹配与捕获组 ---");        // 使用find()查找所有匹配项        while (matcher.find()) {            System.out.println("找到匹配: " + matcher.group(0)); // 整个匹配项            System.out.println("  年份: " + matcher.group(1)); // 第一个捕获组            System.out.println("  月份: " + matcher.group(2)); // 第二个捕获组            System.out.println("  日期: " + matcher.group(3)); // 第三个捕获组        }        // --- 高级特性:命名捕获组 ---        // 命名捕获组让代码更易读,尤其是正则表达式复杂时        String namedRegex = "(?d{4})-(?d{2})-(?d{2})";        Pattern namedDatePattern = Pattern.compile(namedRegex);        Matcher namedMatcher = namedDatePattern.matcher(text);        System.out.println("--- 命名捕获组 ---");        while (namedMatcher.find()) {            System.out.println("找到匹配: " + namedMatcher.group("year") + "-" +                                 namedMatcher.group("month") + "-" +                                 namedMatcher.group("day"));        }        // --- 高级特性:非捕获组 ---        // 有时我们只想分组,但又不想捕获内容,比如 (?:...)        String nonCapturingRegex = "(?:http|https)://(?:www.)?([a-zA-Z0-9.-]+).([a-zA-Z]{2,6})(?:/.*)?";        Pattern urlPattern = Pattern.compile(nonCapturingRegex);        Matcher urlMatcher = urlPattern.matcher("访问我的网站 https://www.example.com/path/to/page 或 http://blog.test.org");        System.out.println("--- 非捕获组与URL解析 ---");        while(urlMatcher.find()) {            System.out.println("域名: " + urlMatcher.group(1) + "." + urlMatcher.group(2)); // 只捕获了域名部分        }        // --- 高级特性:零宽断言 (Lookarounds) ---        // 零宽断言不消耗字符,只用于判断匹配位置的前后条件        // 正向先行断言 (?=...):匹配后面跟着特定模式的文本        String lookaheadRegex = "bJavab(?=s*工程师)"; // 匹配后面跟着" 工程师"的"Java"        Pattern lookaheadPattern = Pattern.compile(lookaheadRegex);        Matcher lookaheadMatcher = lookaheadPattern.matcher("Java是一种编程语言。Java 工程师很受欢迎。");        System.out.println("--- 正向先行断言 (?=...) ---");        while(lookaheadMatcher.find()) {            System.out.println("找到匹配: " + lookaheadMatcher.group(0)); // 只匹配到"Java"        }        // 负向先行断言 (?!...):匹配后面不跟着特定模式的文本        String negativeLookaheadRegex = "bJavab(?!Script)"; // 匹配后面不跟着"Script"的"Java"        Pattern negativeLookaheadPattern = Pattern.compile(negativeLookaheadRegex);        Matcher negativeLookaheadMatcher = negativeLookaheadPattern.matcher("Java语言和JavaScript是不同的。");        System.out.println("--- 负向先行断言 (?!...) ---");        while(negativeLookaheadMatcher.find()) {            System.out.println("找到匹配: " + negativeLookaheadMatcher.group(0));        }        // 正向后行断言 (?<=...):匹配前面是特定模式的文本        String lookbehindRegex = "(?<=版本号: )d+.d+"; // 匹配前面是"版本号: "的数字版本        Pattern lookbehindPattern = Pattern.compile(lookbehindRegex);        Matcher lookbehindMatcher = lookbehindPattern.matcher("软件版本号: 1.2.3,新版本号: 2.0");        System.out.println("--- 正向后行断言 (?<=...) ---");        while(lookbehindMatcher.find()) {            System.out.println("找到版本号: " + lookbehindMatcher.group(0));        }        // 负向后行断言 (?<!...):匹配前面不是特定模式的文本        String negativeLookbehindRegex = "(?<!旧)版本"; // 匹配前面不是"旧"的"版本"        Pattern negativeLookbehindPattern = Pattern.compile(negativeLookbehindRegex);        Matcher negativeLookbehindMatcher = negativeLookbehindPattern.matcher("这是新版本,不是旧版本。");        System.out.println("--- 负向后行断言 (?<!...) ---");        while(negativeLookbehindMatcher.find()) {            System.out.println("找到匹配: " + negativeLookbehindMatcher.group(0));        }        // --- 高级特性:贪婪、勉强与独占量词 ---        // 默认是贪婪匹配,尽可能多地匹配        String greedyRegex = ""; // 匹配从第一个        Pattern greedyPattern = Pattern.compile(greedyRegex);        Matcher greedyMatcher = greedyPattern.matcher("
Hello
"); System.out.println("--- 贪婪量词 (.*) ---"); if(greedyMatcher.find()) { System.out.println("贪婪匹配: " + greedyMatcher.group(0)); } // 勉强匹配 (Reluctant Quantifiers):在量词后加?,尽可能少地匹配 String reluctantRegex = ""; // 匹配从第一个 Pattern reluctantPattern = Pattern.compile(reluctantRegex); Matcher reluctantMatcher = reluctantPattern.matcher("
Hello
"); System.out.println("--- 勉强量词 (.*?) ---"); while(reluctantMatcher.find()) { System.out.println("勉强匹配: " + reluctantMatcher.group(0)); } // 独占量词 (Possessive Quantifiers):在量词后加+,一旦匹配就不回溯,用于避免灾难性回溯 // 比如 .*+ // 这是一个更高级的性能优化,通常用于防止正则表达式在特定模式下陷入无限回溯的陷阱。 // 在这里就不直接展示代码了,因为它的效果需要特定构造才能体现,而且更多是性能考量。 }}

我个人觉得,真正把正则表达式用活,关键在于能够灵活运用这些高级特性,尤其是捕获组和零宽断言。它们能让你在不实际“吃掉”字符的情况下,进行复杂的上下文判断,这在很多场景下简直是救命稻草。

为什么常规匹配无法满足复杂文本处理需求?

说实话,刚开始接触编程时,我总觉得String类的indexOf()substring()split()这些方法已经足够强大了。但很快我就发现,它们在处理一些“模糊”或“模式化”的文本时,会显得力不从心。比如说,你想要从一大段日志里找出所有形如“ERROR [日期时间]:[错误信息]”的条目,并且只想提取日期时间和错误信息,indexOfsubstring的组合会让你写出极其冗长且脆弱的代码。

Java正则表达式高级用法详细解析教程

常规匹配方法,比如String.equals(),只能进行精确匹配;String.contains()也只是判断子串是否存在。它们无法识别模式、无法在文本中“跳跃”寻找特定结构,更无法从匹配到的内容中精准地提取出你想要的部分。想象一下,如果你要验证一个字符串是否是合法的电子邮件地址,或者从一个HTML片段中提取所有标签的src属性,用传统字符串方法几乎是不可能完成的任务,或者说,即使勉强实现了,代码也会变得异常复杂且难以维护。

正则表达式的强大之处在于,它提供了一种声明式的方式来描述这些复杂的文本模式。它不仅仅是“找”,更是“找什么样子的”,以及“找到后我要什么”。这就像你不是在茫茫书海中一本本地翻找,而是告诉图书馆员:“我需要一本关于编程语言,作者姓李,出版年份在2020年之后的书”,这种精确的描述能力,是常规字符串操作望尘莫及的。

达芬奇 达芬奇

达芬奇——你的AI创作大师

达芬奇 50 查看详情 达芬奇

如何利用高级特性实现更精准的数据提取与验证?

在我看来,高级正则表达式特性就像是侦探的放大镜和指纹分析工具,它们让数据提取和验证变得前所未有的精准。我们不再是粗略地搜寻,而是能够锁定目标,甚至在不影响整体匹配的情况下,进行精细的上下文判断。

命名捕获组为例,这简直是代码可读性的一大福音。以前,我经常会写matcher.group(1)matcher.group(2),然后过几天就忘了group(1)到底代表什么。但有了命名捕获组,比如(?d+),我可以直接通过matcher.group("userId")来获取用户ID,这让代码意图一目了然,维护起来也轻松多了。这在解析复杂JSON字符串(虽然通常用JSON库,但有时需要从非标准格式中提取)、日志文件或者自定义配置文件时,尤其有用。

// 示例:从日志行中提取特定信息String logEntry = "2023-10-26 14:30:15 [ERROR] (OrderService) - User 12345 failed to process order XYZ.";String logRegex = "(?d{4}-d{2}-d{2} d{2}:d{2}:d{2})s+[(?w+)]s+((?[^)]+))s+-s+(?.*)";Pattern logPattern = Pattern.compile(logRegex);Matcher logMatcher = logPattern.matcher(logEntry);if (logMatcher.matches()) { // matches()尝试匹配整个字符串    System.out.println("日志时间: " + logMatcher.group("timestamp"));    System.out.println("日志级别: " + logMatcher.group("level"));    System.out.println("来源服务: " + logMatcher.group("source"));    System.out.println("错误信息: " + logMatcher.group("message"));}// 示例:复杂密码验证(验证规则:至少8位,包含大小写字母、数字和特殊字符)String password = "MySecureP@ss1";String passwordRegex = "^(?=.*[a-z])(?=.*[A-Z])(?=.*d)(?=.*[@$!%*?&])[A-Za-zd@$!%*?&]{8,}$";Pattern passwordPattern = Pattern.compile(passwordRegex);Matcher passwordMatcher = passwordPattern.matcher(password);System.out.println("密码验证结果: " + passwordMatcher.matches());// 解释一下密码验证的正则表达式:// ^                          - 字符串开始// (?=.*[a-z])                - 零宽先行断言:确保字符串中至少有一个小写字母// (?=.*[A-Z])                - 零宽先行断言:确保字符串中至少有一个大写字母// (?=.*d)                  - 零宽先行断言:确保字符串中至少有一个数字// (?=.*[@$!%*?&])            - 零宽先行断言:确保字符串中至少有一个特殊字符// [A-Za-zd@$!%*?&]{8,}    - 匹配大小写字母、数字和特殊字符,长度至少8位// $                          - 字符串结束

这种多重零宽断言的组合,在不实际消耗字符的情况下,对字符串的整体内容进行“前置条件”检查,这在数据验证中简直是神来之笔。它允许你同时检查多个独立条件,而无需编写复杂的逻辑分支。

正则表达式性能优化与常见陷阱有哪些?

正则表达式虽然强大,但并非没有代价。如果使用不当,它可能成为性能瓶颈,甚至引发安全问题。我曾经就遇到过一个因为正则表达式编写不当,导致服务CPU飙升的案例,那可真是让人头疼。

性能优化:

预编译Pattern对象: 这是最基本的优化。Pattern.compile()是一个相对耗时的操作,因为它需要解析和编译正则表达式。如果你在一个循环中重复使用同一个正则表达式,务必将其编译一次,然后重复使用Pattern对象创建Matcher

// 错误示例(低效):// for (String line : lines) {//     Pattern p = Pattern.compile("d+"); // 每次循环都编译//     Matcher m = p.matcher(line);//     // ...// }// 正确示例(高效):Pattern p = Pattern.compile("d+"); // 只编译一次for (String line : lines) {    Matcher m = p.matcher(line);    // ...}

避免灾难性回溯(Catastrophic Backtracking): 这是正则表达式最常见的性能杀手。它通常发生在正则表达式中存在嵌套的量词(如.*)或者交替匹配(|)时,当匹配失败时,引擎会尝试所有可能的回溯路径,导致指数级的匹配时间。例如:^(a+)+$匹配aaaaaaaaab。当遇到b时,引擎会不断尝试回溯a的数量,直到所有可能的组合都试过,这会非常慢。解决方案:

使用独占量词(Possessive Quantifiers): 在量词后加+,如*+, ++, ?+。它们一旦匹配就不会回溯。例如,将^(a+)+$改为^(a++)+$使用原子组(Atomic Groups): (?>...)。原子组内的匹配一旦成功,就不会回溯到组内。这与独占量词有异曲同工之妙。优化正则表达式结构: 尽可能减少模糊匹配,使模式更具体。

使用Matcher.reset() 如果你需要在不同的输入字符串上重复使用同一个Matcher对象,可以使用matcher.reset(newInputString)来重置它,避免重新创建对象。

常见陷阱:

特殊字符转义: 很多字符在正则表达式中有特殊含义(如., *, +, ?, |, (, ), [, ], {, }, ^, $, )。如果你想匹配这些字符本身,必须使用进行转义。我见过太多次因为忘记转义.而导致意想不到的匹配结果。

// 匹配字面量点号Pattern.compile("www.example.com");// 如果是用户输入,可以用Pattern.quote()自动转义String userInput = "text.with.dots";Pattern p = Pattern.compile(Pattern.quote(userInput));

贪婪与勉强匹配的混淆: 默认量词是贪婪的(*, +, ?, {n,m}),会尽可能多地匹配。如果你想要最短匹配,需要使用勉强量词(在量词后加?,如*?, +?)。例如,".*"会匹配c中的整个字符串,而".*?"则会分别匹配matches() vs. find() Matcher.matches()尝试匹配整个输入字符串,而Matcher.find()则是在输入字符串中查找与模式匹配的子序列。很多人会混淆这两个方法,导致匹配结果不符合预期。ReDoS (Regular Expression Denial of Service): 这是一种安全漏洞,恶意用户可以通过构造特定的输入字符串,使得正则表达式引擎陷入灾难性回溯,从而耗尽服务器资源,导致服务拒绝。防范ReDoS的关键就是避免使用容易导致回溯的模式,并对用户输入进行严格限制。跨行匹配问题: 默认情况下,.不匹配换行符,^$只匹配字符串的开始和结束。如果你需要跨行匹配,或者让^$匹配行的开始和结束,你需要使用Pattern.DOTALL (Pattern.compile(regex, Pattern.DOTALL)) 和

以上就是Java正则表达式高级用法详细解析教程的详细内容,更多请关注创想鸟其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 chuangxiangniao@163.com 举报,一经查实,本站将立刻删除。
发布者:程序猿,转转请注明出处:https://www.chuangxiangniao.com/p/248715.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2025年11月4日 04:29:15
下一篇 2025年11月4日 04:29:49

相关推荐

  • CSS mask属性无法获取图片:为什么我的图片不见了?

    CSS mask属性无法获取图片 在使用CSS mask属性时,可能会遇到无法获取指定照片的情况。这个问题通常表现为: 网络面板中没有请求图片:尽管CSS代码中指定了图片地址,但网络面板中却找不到图片的请求记录。 问题原因: 此问题的可能原因是浏览器的兼容性问题。某些较旧版本的浏览器可能不支持CSS…

    2025年12月24日
    900
  • Uniapp 中如何不拉伸不裁剪地展示图片?

    灵活展示图片:如何不拉伸不裁剪 在界面设计中,常常需要以原尺寸展示用户上传的图片。本文将介绍一种在 uniapp 框架中实现该功能的简单方法。 对于不同尺寸的图片,可以采用以下处理方式: 极端宽高比:撑满屏幕宽度或高度,再等比缩放居中。非极端宽高比:居中显示,若能撑满则撑满。 然而,如果需要不拉伸不…

    2025年12月24日
    400
  • 如何让小说网站控制台显示乱码,同时网页内容正常显示?

    如何在不影响用户界面的情况下实现控制台乱码? 当在小说网站上下载小说时,大家可能会遇到一个问题:网站上的文本在网页内正常显示,但是在控制台中却是乱码。如何实现此类操作,从而在不影响用户界面(UI)的情况下保持控制台乱码呢? 答案在于使用自定义字体。网站可以通过在服务器端配置自定义字体,并通过在客户端…

    2025年12月24日
    800
  • 如何在地图上轻松创建气泡信息框?

    地图上气泡信息框的巧妙生成 地图上气泡信息框是一种常用的交互功能,它简便易用,能够为用户提供额外信息。本文将探讨如何借助地图库的功能轻松创建这一功能。 利用地图库的原生功能 大多数地图库,如高德地图,都提供了现成的信息窗体和右键菜单功能。这些功能可以通过以下途径实现: 高德地图 JS API 参考文…

    2025年12月24日
    400
  • 如何使用 scroll-behavior 属性实现元素scrollLeft变化时的平滑动画?

    如何实现元素scrollleft变化时的平滑动画效果? 在许多网页应用中,滚动容器的水平滚动条(scrollleft)需要频繁使用。为了让滚动动作更加自然,你希望给scrollleft的变化添加动画效果。 解决方案:scroll-behavior 属性 要实现scrollleft变化时的平滑动画效果…

    2025年12月24日
    000
  • 如何为滚动元素添加平滑过渡,使滚动条滑动时更自然流畅?

    给滚动元素平滑过渡 如何在滚动条属性(scrollleft)发生改变时为元素添加平滑的过渡效果? 解决方案:scroll-behavior 属性 为滚动容器设置 scroll-behavior 属性可以实现平滑滚动。 html 代码: click the button to slide right!…

    2025年12月24日
    500
  • 为什么设置 `overflow: hidden` 会导致 `inline-block` 元素错位?

    overflow 导致 inline-block 元素错位解析 当多个 inline-block 元素并列排列时,可能会出现错位显示的问题。这通常是由于其中一个元素设置了 overflow 属性引起的。 问题现象 在不设置 overflow 属性时,元素按预期显示在同一水平线上: 不设置 overf…

    2025年12月24日 好文分享
    400
  • 网页使用本地字体:为什么 CSS 代码中明明指定了“荆南麦圆体”,页面却仍然显示“微软雅黑”?

    网页中使用本地字体 本文将解答如何将本地安装字体应用到网页中,避免使用 src 属性直接引入字体文件。 问题: 想要在网页上使用已安装的“荆南麦圆体”字体,但 css 代码中将其置于第一位的“font-family”属性,页面仍显示“微软雅黑”字体。 立即学习“前端免费学习笔记(深入)”; 答案: …

    2025年12月24日
    000
  • 如何选择元素个数不固定的指定类名子元素?

    灵活选择元素个数不固定的指定类名子元素 在网页布局中,有时需要选择特定类名的子元素,但这些元素的数量并不固定。例如,下面这段 html 代码中,activebar 和 item 元素的数量均不固定: *n *n 如果需要选择第一个 item元素,可以使用 css 选择器 :nth-child()。该…

    2025年12月24日
    200
  • 使用 SVG 如何实现自定义宽度、间距和半径的虚线边框?

    使用 svg 实现自定义虚线边框 如何实现一个具有自定义宽度、间距和半径的虚线边框是一个常见的前端开发问题。传统的解决方案通常涉及使用 border-image 引入切片图片,但是这种方法存在引入外部资源、性能低下的缺点。 为了避免上述问题,可以使用 svg(可缩放矢量图形)来创建纯代码实现。一种方…

    2025年12月24日
    100
  • 如何让“元素跟随文本高度,而不是撑高父容器?

    如何让 元素跟随文本高度,而不是撑高父容器 在页面布局中,经常遇到父容器高度被子元素撑开的问题。在图例所示的案例中,父容器被较高的图片撑开,而文本的高度没有被考虑。本问答将提供纯css解决方案,让图片跟随文本高度,确保父容器的高度不会被图片影响。 解决方法 为了解决这个问题,需要将图片从文档流中脱离…

    2025年12月24日
    000
  • 为什么我的特定 DIV 在 Edge 浏览器中无法显示?

    特定 DIV 无法显示:用户代理样式表的困扰 当你在 Edge 浏览器中打开项目中的某个 div 时,却发现它无法正常显示,仔细检查样式后,发现是由用户代理样式表中的 display none 引起的。但你疑问的是,为什么会出现这样的样式表,而且只针对特定的 div? 背后的原因 用户代理样式表是由…

    2025年12月24日
    200
  • inline-block元素错位了,是为什么?

    inline-block元素错位背后的原因 inline-block元素是一种特殊类型的块级元素,它可以与其他元素行内排列。但是,在某些情况下,inline-block元素可能会出现错位显示的问题。 错位的原因 当inline-block元素设置了overflow:hidden属性时,它会影响元素的…

    2025年12月24日
    000
  • 为什么 CSS mask 属性未请求指定图片?

    解决 css mask 属性未请求图片的问题 在使用 css mask 属性时,指定了图片地址,但网络面板显示未请求获取该图片,这可能是由于浏览器兼容性问题造成的。 问题 如下代码所示: 立即学习“前端免费学习笔记(深入)”; icon [data-icon=”cloud”] { –icon-cl…

    2025年12月24日
    200
  • 为什么使用 inline-block 元素时会错位?

    inline-block 元素错位成因剖析 在使用 inline-block 元素时,可能会遇到它们错位显示的问题。如代码 demo 所示,当设置了 overflow 属性时,a 标签就会错位下沉,而未设置时却不会。 问题根源: overflow:hidden 属性影响了 inline-block …

    2025年12月24日
    000
  • 如何利用 CSS 选中激活标签并影响相邻元素的样式?

    如何利用 css 选中激活标签并影响相邻元素? 为了实现激活标签影响相邻元素的样式需求,可以通过 :has 选择器来实现。以下是如何具体操作: 对于激活标签相邻后的元素,可以在 css 中使用以下代码进行设置: li:has(+li.active) { border-radius: 0 0 10px…

    2025年12月24日
    100
  • 为什么我的 CSS 元素放大效果无法正常生效?

    css 设置元素放大效果的疑问解答 原提问者在尝试给元素添加 10em 字体大小和过渡效果后,未能在进入页面时看到放大效果。探究发现,原提问者将 CSS 代码直接写在页面中,导致放大效果无法触发。 解决办法如下: 将 CSS 样式写在一个单独的文件中,并使用 标签引入该样式文件。这个操作与原提问者观…

    2025年12月24日
    000
  • 如何模拟Windows 10 设置界面中的鼠标悬浮放大效果?

    win10设置界面的鼠标移动显示周边的样式(探照灯效果)的实现方式 在windows设置界面的鼠标悬浮效果中,光标周围会显示一个放大区域。在前端开发中,可以通过多种方式实现类似的效果。 使用css 使用css的transform和box-shadow属性。通过将transform: scale(1.…

    2025年12月24日
    200
  • 为什么我的 em 和 transition 设置后元素没有放大?

    元素设置 em 和 transition 后不放大 一个 youtube 视频中展示了设置 em 和 transition 的元素在页面加载后会放大,但同样的代码在提问者电脑上没有达到预期效果。 可能原因: 问题在于 css 代码的位置。在视频中,css 被放置在单独的文件中并通过 link 标签引…

    2025年12月24日
    100
  • 为什么我的 Safari 自定义样式表在百度页面上失效了?

    为什么在 Safari 中自定义样式表未能正常工作? 在 Safari 的偏好设置中设置自定义样式表后,您对其进行测试却发现效果不同。在您自己的网页中,样式有效,而在百度页面中却失效。 造成这种情况的原因是,第一个访问的项目使用了文件协议,可以访问本地目录中的图片文件。而第二个访问的百度使用了 ht…

    2025年12月24日
    000

发表回复

登录后才能评论
关注微信