logo

额外区块类型 (EBT) - 全新的布局构建器体验❗

额外区块类型 (EBT) - 样式化、可定制的区块类型：幻灯片、标签页、卡片、手风琴等更多类型。内置背景、DOM Box、JavaScript 插件的设置。立即体验布局构建的未来。

演示 EBT 模块 下载 EBT 模块

❗额外段落类型 (EPT) - 全新的 Paragraphs 体验

额外段落类型 (EPT) - 类似的基于 Paragraph 的模块集合。

演示 EPT 模块 滚动

GLightbox is a pure javascript lightbox (Colorbox alternative without jQuery)❗

It can display images, iframes, inline content and videos with optional autoplay for YouTube, Vimeo and even self-hosted videos.

Demo GLightbox Download GLightbox

滚动
  1. 首页
  2. Drupal 文档
  3. Drupal 8 主题化

将类从 7.x 升级到 8.x

01/10/2025, by Ivan

Menu

核心类的变化

简化后的辅助类名称 “element-x”

Drupal 7 引入了几个新的类：element-hidden、element-invisible 和 element-focusable。仅从名称上很难准确理解这些类的作用，因此 类名被更改。新的名称应更易于理解，并且更符合流行的 HTML 5 环境 HTML 5 Boilerplate。下面是转换与使用的对照表：

之前 (7.x) 之后 (8.x) 说明
element-hidden hidden

对视觉和屏幕阅读器都隐藏（例如，稍后将由 JavaScript 填充的元素，或者你打算用 JavaScript 隐藏的元素）。
element-invisible visually-hidden

在视觉上隐藏，但对屏幕阅读器可见（例如菜单标题）。
element-focusable visually-hidden focusable

允许使用键盘导航到视觉上隐藏的元素（例如：跳到内容的链接）。focusable 类必须与 visually-hidden 一起使用。
  invisible 这是 Drupal 8 中的新类。它对视觉和屏幕阅读器都隐藏元素，但保留视觉布局。

这些类在 core/modules/system/css/system.module.css 中实现。

更多信息请参考：