Laravel Eloquent如何定义模型关联_数据模型关系建立

Laravel Eloquent通过模型方法定义关联,实现数据表间的逻辑连接,提供面向对象的API简化数据库操作。核心关联类型包括一对一(hasOne/belongsTo)、一对多(hasMany/belongsTo)、多对多(belongsToMany)及多态关联(morphTo/morphMany),均通过返回对应关系实例来声明。例如User与Phone的一对一关系,在User中定义phone()方法返回hasOne,Phone中定义user()返回belongsTo。多对多需中间表,如User与Role通过belongsToMany关联,默认表名为role_user,可自定义表名及外键。关联键可自定义,如外键非user_id时在方法参数中指定。预加载with()解决N+1查询性能问题,避免循环中频繁查询,提升效率。withCount()获取关联数量,load()实现延迟加载。多对多操作支持attach/detach/sync/toggle等方法管理中间表数据,withPivot可访问中间表字段。模型可自定义$table指定表名,$primaryKey修改主键名,非自增主键需设置$incrementing=false。理解默认约定与参数顺序是灵活运用Eloquent关联的关键。

laravel eloquent如何定义模型关联_数据模型关系建立

Laravel Eloquent定义模型关联,本质上就是通过在模型类中声明方法,来告诉框架不同数据表之间存在怎样的逻辑联系。它提供了一套非常直观且强大的API,让我们能够以面向对象的方式来操作和管理这些复杂的数据关系,大大简化了数据库交互的复杂度。在我看来,理解并熟练运用Eloquent关联,是掌握Laravel数据层核心的关键一步,它能让你的代码更简洁、更富有表现力。

解决方案

在Laravel Eloquent中,定义模型关联主要通过在模型类内部创建返回特定关联类型实例的方法来实现。这些方法通常会返回 IlluminateDatabaseEloquentRelations 命名空间下的类实例,比如 HasOne, HasMany, BelongsTo, BelongsToMany 等。

1. 一对一(One To One)

一个模型拥有或属于另一个模型。例如,一个 User 可能有一个 Phone,而一个 Phone 属于一个 User

立即进入“豆包AI人工智官网入口”;

立即学习“豆包AI人工智能在线问答入口”;

hasOne (拥有一个):User 模型中定义,表示 User 拥有一个 Phone

// app/Models/User.phppublic function phone(){    return $this->hasOne(Phone::class);    // 默认外键是 user_id,本地键是 id    // 如果外键不是 user_id,例如是 user_phone_id,可以这样写:    // return $this->hasOne(Phone::class, 'user_phone_id');    // 如果本地键不是 id,例如是 uuid,可以这样写:    // return $this->hasOne(Phone::class, 'user_id', 'uuid');}

belongsTo (属于):Phone 模型中定义,表示 Phone 属于一个 User

// app/Models/Phone.phppublic function user(){    return $this->belongsTo(User::class);    // 默认外键是 user_id,关联键是 users 表的 id    // 如果外键不是 user_id,例如是 owner_id,可以这样写:    // return $this->belongsTo(User::class, 'owner_id');    // 如果关联键不是 id,例如是 uuid,可以这样写:    // return $this->belongsTo(User::class, 'user_id', 'uuid');}

2. 一对多(One To Many)

一个模型拥有多个其他模型。例如,一个 Post 可以有多个 Comment,而一个 Comment 属于一个 Post

hasMany (拥有多个):Post 模型中定义,表示 Post 拥有多个 Comment

// app/Models/Post.phppublic function comments(){    return $this->hasMany(Comment::class);    // 默认外键是 post_id,本地键是 id}

belongsTo (属于):Comment 模型中定义,表示 Comment 属于一个 Post

// app/Models/Comment.phppublic function post(){    return $this->belongsTo(Post::class);    // 默认外键是 post_id,关联键是 posts 表的 id}

3. 多对多(Many To Many)

两个模型之间互相拥有多个关联。例如,一个 User 可以有多个 Role,而一个 Role 也可以分配给多个 User。这通常需要一个中间表(pivot table)。

belongsToMany (属于多个):UserRole 模型中都需要定义。

// app/Models/User.phppublic function roles(){    return $this->belongsToMany(Role::class);    // 默认中间表名是 role_user (按字母顺序排序),外键是 user_id 和 role_id    // 如果中间表名不是 role_user,例如是 user_roles,可以这样写:    // return $this->belongsToMany(Role::class, 'user_roles');    // 如果外键不是 user_id 和 role_id,例如是 user_id 和 role_ident,可以这样写:    // return $this->belongsToMany(Role::class, 'user_roles', 'user_id', 'role_ident');}// app/Models/Role.phppublic function users(){    return $this->belongsToMany(User::class);}

4. 多态关联(Polymorphic Relations)

一个模型可以属于多个不同类型的模型。例如,一个 Image 模型可以属于一个 Post,也可以属于一个 User

morphTo (多态属于):Image 模型中定义。

// app/Models/Image.phppublic function imageable(){    return $this->morphTo();}

morphMany (多态拥有多个):PostUser 模型中定义。

// app/Models/Post.phppublic function images(){    return $this->morphMany(Image::class, 'imageable');}// app/Models/User.phppublic function images(){    return $this->morphMany(Image::class, 'imageable');}

数据库中 images 表需要 imageable_idimageable_type 字段。

理解这些关联的定义方式,是后续进行数据操作、优化查询的基础。我个人觉得,刚开始时,把这些关联的默认命名约定搞清楚非常重要,它能帮你避免很多不必要的坑。一旦你需要自定义,再去看参数的顺序和作用。

提升Laravel Eloquent关联查询性能:如何避免N+1问题?

N+1查询问题是使用ORM时最常见的性能陷阱之一,在Eloquent中也一样。它指的是当你在循环中访问关联模型的数据时,每迭代一次就执行一次数据库查询,导致总查询次数是 N(循环次数) + 1(初始查询)次,而不是理想的 1 次。这在处理大量数据时,性能会急剧下降,尤其是在高并发场景下,那简直是灾难。

说起来,我记得有一次,我们项目上线后,某个列表页面的加载速度突然变得异常慢。排查下来,就是因为在一个显示用户文章的页面,我们循环遍历每篇文章去获取它的作者信息,结果导致了成百上千的数据库查询。当时团队里一个新手犯的错,但我们都从中吸取了教训。

解决N+1问题的核心是“预加载”(Eager Loading),也就是在查询主模型的同时,也把关联模型的数据一次性查询出来。Eloquent提供了几种方式来实现预加载:

with() 方法: 这是最常用也最直接的方式。

// 假设我们要获取所有文章及其作者// 错误示例 (N+1问题):$posts = Post::all();foreach ($posts as $post) {    echo $post->user->name; // 每次循环都会执行一次查询}// 正确示例 (使用 with 预加载):$posts = Post::with('user')->get(); // 只会执行两次查询:一次获取文章,一次获取所有相关作者foreach ($posts as $post) {    echo $post->user->name; // 作者数据已经加载,不再触发额外查询}

with() 方法可以链式调用多个关联,也可以嵌套加载深层关联:

// 预加载文章的作者和评论,以及评论的作者$posts = Post::with('user', 'comments.user')->get();

load() 方法: 当你已经查询出主模型集合,但忘记或需要后续加载关联时,可以使用 load()

$posts = Post::all(); // 此时 $posts 中的每个 Post 还没有加载 user$posts->load('user'); // 现在所有 Post 的 user 关联都被加载了

这在某些特定逻辑分支或动态加载场景下很有用。

withCount()withExists() 如果你只需要关联模型的数量或是否存在,而不是完整的关联数据,这两个方法能更高效地解决问题。

// 获取所有文章,并统计每篇文章的评论数量$posts = Post::withCount('comments')->get();foreach ($posts as $post) {    echo $post->comments_count; // 直接访问 count}// 获取所有文章,并判断每篇文章是否有评论$posts = Post::withExists('comments')->get();foreach ($posts as $post) {    if ($post->comments_exists) {        echo "这篇文章有评论";    }}

这些方法避免了加载完整的关联数据,进一步提升了性能。在我看来,N+1问题是Eloquent学习者必经的一道坎,一旦你理解了它,并且知道如何用预加载来解决,你的Laravel应用性能就能上一个大台阶。

Laravel Eloquent多对多关联的实现细节与中间表操作

多对多关联(Many-to-Many)在实际业务中非常常见,比如用户和角色、文章和标签、学生和课程等等。它之所以比一对一或一对多复杂一点,是因为它需要一个“中间表”(Pivot Table)来连接两个模型。这个中间表只包含两个模型的主键作为外键,以及可能的一些额外信息。

在Eloquent中实现多对多,主要是通过 belongsToMany 方法。这个方法在两个相互关联的模型中都需要定义。

定义关联:假设我们有 UserRole 两个模型,它们之间是多对多关系。

// app/Models/User.phpclass User extends Model{    public function roles()    {        return $this->belongsToMany(Role::class);    }}// app/Models/Role.phpclass Role extends Model{    public function users()    {        return $this->belongsToMany(User::class);    }}

默认情况下,Eloquent会假设中间表的名字是两个模型名称的单数形式按字母顺序排序,并用下划线连接,例如 role_user。中间表会包含 user_idrole_id 两个外键。

自定义中间表和键名:如果你的中间表名字不是 role_user,或者外键名字不是 user_idrole_id,你需要手动指定。

// app/Models/User.phppublic function roles(){    // 自定义中间表名为 'user_roles'    // return $this->belongsToMany(Role::class, 'user_roles');    // 自定义中间表名为 'user_roles',并且指定 user_id 为 'user_ident',role_id 为 'role_ident'    // return $this->belongsToMany(Role::class, 'user_roles', 'user_ident', 'role_ident');    // 如果你还想自定义关联键(即User模型的主键不是id),可以在最后添加    // return $this->belongsToMany(Role::class, 'user_roles', 'user_ident', 'role_ident', 'uuid', 'role_uuid');    // 这里的 'uuid' 是 User 模型中的本地键,'role_uuid' 是 Role 模型中的本地键}

参数的顺序是:关联模型中间表名当前模型在中间表中的外键关联模型在中间表中的外键当前模型本地键关联模型本地键。这顺序有点绕,我个人在自定义的时候经常会查文档,确保没错。

操作中间表数据:一旦定义了多对多关联,Eloquent就提供了一套强大的API来操作中间表。

attach() 添加关联。

$user = User::find(1);$user->roles()->attach(2); // 将用户ID为1与角色ID为2关联$user->roles()->attach([3, 4]); // 关联多个角色// 如果中间表有额外字段,可以作为第二个参数传递$user->roles()->attach(5, ['status' => 'active']);

detach() 移除关联。

$user->roles()->detach(2); // 解除用户与角色2的关联$user->roles()->detach([3, 4]); // 解除多个关联$user->roles()->detach(); // 解除所有关联

sync() 同步关联。这个方法非常实用,它会接收一个ID数组,然后确保中间表只包含这些ID的关联,删除多余的,添加缺失的。

$user->roles()->sync([1, 2, 5]); // 确保用户只关联角色1, 2, 5// 也可以带上额外字段$user->roles()->sync([    1 => ['status' => 'active'],    2 => ['status' => 'pending']]);

toggle() 切换关联状态,如果已关联则解除,未关联则添加。

$user->roles()->toggle([1, 2]); // 切换角色1和2的关联状态

updateExistingPivot() 更新中间表上的额外字段。

$user->roles()->updateExistingPivot(1, ['status' => 'inactive']); // 更新用户与角色1关联的status字段

访问中间表数据:如果你想获取中间表上的额外字段,需要在定义关联时使用 withPivot() 方法。

// app/Models/User.phppublic function roles(){    return $this->belongsToMany(Role::class)->withPivot('status', 'created_at');}// 获取时$user = User::find(1);foreach ($user->roles as $role) {    echo $role->pivot->status; // 访问中间表上的 status 字段}

多对多关联及其中间表操作,虽然参数多一点,但一旦掌握,能极大地提升开发效率和代码的可读性。我个人觉得 sync 方法简直是神器,处理权限、标签这类关系时,能省掉大量手动增删改的逻辑。

自定义Eloquent模型关联键名与表名:打破默认约定的灵活性

Laravel Eloquent的约定优于配置原则确实很棒,它让大部分开发工作变得轻松。但总有那么些时候,我们的数据库设计或者历史遗留系统,并不完全符合Laravel的默认约定。这时候,自定义键名和表名就成了必不可少的技能。这块内容,说实话,一开始会有点混乱,因为参数的顺序和作用需要仔细辨别。

1. 自定义表名

每个Eloquent模型默认会对应一个数据库表,表名是模型名称的复数形式(例如 User 模型对应 users 表)。如果你想自定义表名,只需在模型中设置 $table 属性。

// app/Models/User.phpclass User extends Model{    protected $table = 'my_custom_users_table'; // 将 User 模型映射到 my_custom_users_table 表}

这没什么特别的,但却是基础。

2. 自定义主键

默认情况下,Eloquent假设每个表都有一个名为 id 的自增主键。如果你使用其他名称作为主键,需要设置 $primaryKey 属性。

// app/Models/Product.phpclass Product extends Model{    protected $primaryKey = 'product_id'; // 主键不是 id,而是 product_id    public $incrementing = false; // 如果主键不是自增的,需要设为 false    protected $keyType = 'string'; // 如果主键是 UUID 或其他字符串类型,需要指定}

3. 自定义关联键名

这是最常需要自定义,也最容易混淆的地方。关联键名主要包括“外键”(Foreign Key)和“本地键/关联键”(Local Key/Parent Key)。

一对一 (hasOne, belongsTo) 和一对多 (hasMany, belongsTo):

hasOne / hasMany (父模型定义):return $this->hasOne(RelatedModel::class, 'foreign_key', 'local_key');

foreign_key (可选): 关联模型表中的外键,指向当前模型的主键。默认是 当前模型名_idlocal_key (可选): 当前模型的主键,用于匹配关联模型的外键。默认是 id

示例: User 有一个 Profileprofiles 表的外键是 user_uuid,指向 users 表的 uuid 字段。

// app/Models/User.php (假设主键是 uuid)public function profile(){    return $this->hasOne(Profile::class, 'user_uuid', 'uuid');}

belongsTo (子模型定义):return $this->belongsTo(ParentModel::class, 'foreign_key', 'owner_key');

foreign_key (可选): 当前模型表中的外键,指向父模型的主键。默认是 父模型名_idowner_key (可选): 父模型的主键,用于匹配当前模型的外键。默认是 id

示例: Profile 属于 Userprofiles 表的外键是 user_uuid,指向 users 表的 uuid 字段。

// app/Models/Profile.phppublic function user(){    return $this->belongsTo(User::class, 'user_uuid', 'uuid');}

这块的参数顺序,我个人觉得是 Eloquent 里最容易搞错的。hasOne/hasManylocal_key 是当前模型(定义关联的那个)的键,belongsToowner_key 是父模型(被关联的那个)的键。记清楚这个,能少走很多弯路。

多对多 (belongsToMany):

return $this->belongsToMany(RelatedModel::class, 'pivot_table_name', 'foreign_key_of_this_model', 'foreign_key_of_related_model', 'local_key_of_this_model', 'local_key_of_related_model');

pivot_table_name (可选): 中间表的名称。默认是两个模型名称的单数形式按字母排序连接。foreign_key_of_this_model

以上就是Laravel Eloquent如何定义模型关联_数据模型关系建立的详细内容,更多请关注php中文网其它相关文章!

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

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2025年11月30日 21:34:50
下一篇 2025年11月30日 22:09:24

相关推荐

  • HTMLrev 上的免费 HTML 网站模板

    HTMLrev 是唯一的人工策划的库专门专注于免费 HTML 模板,适用于由来自世界各地慷慨的模板创建者制作的网站、登陆页面、投资组合、博客、电子商务和管理仪表板世界。 这个人就是我自己 Devluc,我已经工作了 1 年多来构建、改进和更新这个很棒的免费资源。我自己就是一名模板制作者,所以我知道如…

    2025年12月24日
    300
  • 如何使用 Laravel 框架轻松整合微信支付与支付宝支付?

    如何通过 laravel 框架整合微信支付与支付宝支付 在 laravel 开发中,为电商网站或应用程序整合支付网关至关重要。其中,微信支付和支付宝是中国最流行的支付平台。本文将介绍如何使用 laravel 框架封装这两大支付平台。 一个简单有效的方法是使用业内认可的 easywechat lara…

    2025年12月24日
    000
  • Laravel 框架中如何无缝集成微信支付和支付宝支付?

    laravel 框架中微信支付和支付宝支付的封装 如何将微信支付和支付宝支付无缝集成到 laravel 框架中? 建议解决方案 考虑使用 easywechat 的 laravel 版本。easywechat 是一个成熟、维护良好的库,由腾讯官方人员开发,专为处理微信相关功能而设计。其 laravel…

    2025年12月24日
    300
  • 如何在 Laravel 框架中轻松集成微信支付和支付宝支付?

    如何用 laravel 框架集成微信支付和支付宝支付 问题:如何在 laravel 框架中集成微信支付和支付宝支付? 回答: 建议使用 easywechat 的 laravel 版,easywechat 是一个由腾讯工程师开发的高质量微信开放平台 sdk,已被广泛地应用于许多 laravel 项目中…

    2025年12月24日
    000
  • 使用Laravel框架如何整合微信支付和支付宝支付?

    使用 Laravel 框架整合微信支付和支付宝支付 在使用 Laravel 框架开发项目时,整合支付网关是常见的需求。对于微信支付和支付宝支付,推荐采用以下方法: 使用第三方库:EasyWeChat 的 Laravel 版本 建议直接使用现有的 EasyWeChat 的 Laravel 版本。该库由…

    2025年12月24日
    000
  • 如何将微信支付和支付宝支付无缝集成到 Laravel 框架中?

    如何简洁集成微信和支付宝支付到 Laravel 问题: 如何将微信支付和支付宝支付无缝集成到 Laravel 框架中? 答案: 强烈推荐使用流行的 Laravel 包 EasyWeChat,它由腾讯开发者维护。多年来,它一直保持更新,提供了一个稳定可靠的解决方案。 集成步骤: 安装 Laravel …

    2025年12月24日
    100
  • 页面加载时图表显示异常,刷新后恢复正常,是怎么回事?

    样式延迟加载导致图表显示异常 问题: 在加载页面时,图表不能正常显示,刷新后才恢复正常。这是什么原因? 答案: 图表绘制时,CSS 样式文件或数据尚未加载完成,导致容器没有尺寸,只能使用默认最小值进行渲染。刷新时,由于缓存,加载速度很快,因此样式能够及时加载,图表就能正常渲染。 解决方案: 指定容器…

    2025年12月24日
    000
  • 黑暗主题的力量和性能优化:简单指南

    在当今的数字时代,用户体验是关键。增强这种体验的一种方法是在您的网站或应用程序上实施深色主题。它不仅看起来时尚,而且还可以提高现代设备的性能并节省电池寿命。让我们探索如何使用深色主题优化您的网站并提高性能。 为什么选择黑暗主题? 减少眼睛疲劳:深色主题对眼睛更温和,尤其是在弱光条件下。这使用户可以更…

    2025年12月24日 好文分享
    300
  • 不惜一切代价避免的前端开发错误

    简介 前端开发对于创建引人入胜且用户友好的网站至关重要。然而,在这方面犯错误可能会导致用户体验不佳、性能下降,甚至出现安全漏洞。为了确保您的网站是一流的,必须认识并避免常见的前端开发错误。 常见的前端开发错误 缺乏计划 跳过线框 跳过线框图过程是一种常见的疏忽。线框图有助于在任何实际开发开始之前可视…

    2025年12月24日
    000
  • 如何克服响应式布局的不足之处

    如何克服响应式布局的不足之处 随着移动设备的普及和互联网的发展,响应式布局成为了现代网页设计中必不可少的一部分。通过响应式设计,网页可以根据用户所使用的设备自动调整布局,使用户在不同的屏幕尺寸下都能获得良好的浏览体验。 然而,尽管响应式布局在提供多屏幕适应性方面做得相当出色,但仍然存在一些不足之处。…

    2025年12月24日
    000
  • 掌握响应式布局的关键技巧和实践经验

    掌握响应式布局的关键技巧和实践经验 随着移动设备的普及和多样性,越来越多的用户选择使用手机、平板等移动设备浏览网页,这就使得响应式布局成为了现代前端开发中的重要技术之一。响应式布局的目标就是让网页能够自适应不同尺寸的屏幕,确保在任何设备上都能提供良好的用户体验。 要掌握响应式布局的关键技巧和实践经验…

    2025年12月24日
    200
  • 研究响应式布局的问题和优化方法

    响应式布局存在的问题及优化方法研究 随着移动互联网的飞速发展,越来越多的人使用移动设备来浏览网页。为了让网站在不同设备上都能提供良好的用户体验,响应式布局已经成为了现代网页设计的标准之一。然而,响应式布局在实践中还存在一些问题,本文将对这些问题进行探讨,并提出一些优化方法。 首先,对于较大规模的网站…

    2025年12月24日
    000
  • 如何通过响应式布局改善用户体验?

    响应式布局如何提升用户体验? 随着移动设备的普及,越来越多的用户习惯使用不同尺寸的屏幕来浏览网页。为了在各种设备上呈现出良好的用户体验,响应式布局应运而生。响应式布局是一种能够根据设备的屏幕尺寸和特性来自动调整网页布局的技术。通过响应式布局,可以实现在不同屏幕上的内容可读性和可用性的优化,从而提升用…

    2025年12月24日
    200
  • CSS属性实现响应式图片延迟加载的方法

    CSS属性实现响应式图片延迟加载的方法 在网页开发中,经常会遇到需要加载大量图片的情况,特别是在移动设备上。为了提高页面的加载速度和用户体验,延迟加载(lazy loading)图像成为一种常见的优化方法。 延迟加载是指在页面加载时,只加载可见区域的图像,而不加载整个页面上的所有图像。这样可以大大减…

    2025年12月24日
    000
  • 网页设计css样式代码大全,快来收藏吧!

    减少很多不必要的代码,html+css可以很方便的进行网页的排版布局。小伙伴们收藏好哦~ 一.文本设置    1、font-size: 字号参数  2、font-style: 字体格式 3、font-weight: 字体粗细 4、颜色属性 立即学习“前端免费学习笔记(深入)”; color: 参数 …

    2025年12月24日
    000
  • css中id选择器和class选择器有何不同

    之前的文章《什么是CSS语法?详细介绍使用方法及规则》中带了解CSS语法使用方法及规则。下面本篇文章来带大家了解一下CSS中的id选择器与class选择器,介绍一下它们的区别,快来一起学习吧!! id选择器和class选择器介绍 CSS中对html元素的样式进行控制是通过CSS选择器来完成的,最常用…

    2025年12月24日
    000
  • php约瑟夫问题如何解决

    “约瑟夫环”是一个数学的应用问题:一群猴子排成一圈,按1,2,…,n依次编号。然后从第1只开始数,数到第m只,把它踢出圈,从它后面再开始数, 再数到第m只,在把它踢出去…,如此不停的进行下去, 直到最后只剩下一只猴子为止,那只猴子就叫做大王。要求编程模拟此过程,输入m、n, 输出最后那个大王的编号。…

    好文分享 2025年12月24日
    000
  • CSS新手整理的有关CSS使用技巧

    [导读]  1、不要使用过小的图片做背景平铺。这就是为何很多人都不用 1px 的原因,这才知晓。宽高 1px 的图片平铺出一个宽高 200px 的区域,需要 200*200=40, 000 次,占用资源。  2、无边框。推荐的写法是     1、不要使用过小的图片做背景平铺。这就是为何很多人都不用 …

    好文分享 2025年12月23日
    000
  • CSS中实现图片垂直居中方法详解

    [导读] 在曾经的 淘宝ued 招聘 中有这样一道题目:“使用纯css实现未知尺寸的图片(但高宽都小于200px)在200px的正方形容器中水平和垂直居中。”当然出题并不是随意,而是有其现实的原因,垂直居中是 淘宝 工作中最 在曾经的 淘宝UED 招聘 中有这样一道题目: “使用纯CSS实现未知尺寸…

    好文分享 2025年12月23日
    000
  • CSS派生选择器

    [导读] 派生选择器通过依据元素在其位置的上下文关系来定义样式,你可以使标记更加简洁。在 css1 中,通过这种方式来应用规则的选择器被称为上下文选择器 (contextual selectors),这是由于它们依赖于上下文关系来应 派生选择器 通过依据元素在其位置的上下文关系来定义样式,你可以使标…

    好文分享 2025年12月23日
    000

发表回复

登录后才能评论
关注微信