时间戳

首页 > 解决方案 > 在标题类css中隐藏初始字符

html - 在标题类css中隐藏初始字符

问题描述

所以我有一个网站，不久前我就开始管理它，所以我仍然在琢磨前人是如何设计网站的某些部分的，不幸的是，我大部分时间都停留在以前构建的系统上。

所以我想弄清楚是否有办法隐藏一个特定的角色所以假设我有一个标题

z 护理人员的完整课程白金套装

如果我想摆脱 z 我可以使用

p::first-letter {
    font-size: 0px !important;
}

不幸的是，这意味着我隐藏了所有第一个字符

标签： htmlcsswordpress

解决方案

编辑：查看了您的代码和 AFAIK，仅使用 css 无法按内容进行选择。你可以：

  • 为此使用 JS（使用正则表达式）
  • 选择每个唯一的东西h1并删除 z （例如h1[onclick="showModal(2785)"]
  • （生病了，出于安全考虑，不推荐）将标签的内容复制到某个属性（例如data-content=""），然后，您可以使用选择元素h1[data-content^="z "]

https://www.w3schools.com/css/css_attribute_selectors.asp

您需要指定p要隐藏第一个字母的位置。:nth-child如果你有固定数量的段落并且你知道它的父级，你可以使用一些标识符 class/id 或 use

p#hide-z::first-letter, .container > p:nth-child(3)::first-letter{
    font-size: 0px !important;
}
<div class="container">
<p id="hide-z">z FULL COURSE platinum BUNDLE FOR CARE STAFF</p>
<p>Lorem Ipsum dolor...</p>
<p>z FULL COURSE platinum BUNDLE FOR CARE STAFF</p>
</div>

推荐阅读