将唯一的类添加到部分 (PHP)

我的网页设计已经设置了 CMS,但我遇到了一些问题。

目前,节都使用相同的 css 标签 .SectionOuterAlt 或 .SectionOuter (如果有多个,则变为“Alt”。这同样适用于 .SectionInner。

我搜索了“SectionOuter”并发现了这行代码。在我看来,它添加了“Alt”。

问题是我需要每个部分都是唯一的,以便我可以添加 css。如果我可以保留“SectionOuter”和“SectionOuterAlt”,但为每个部分包含一个独特的 css 类,以便我可以对每个单独的部分进行独特的更改,那就太好了。

<section class="SectionOuter<?php echo $alt; ?>">
<section class="SectionInner<?php echo $alt; ?>">

有人可以帮忙吗?


慕森卡
浏览 134回答 2
2回答

繁华开满天机

如果您希望每个类都有唯一的值,那么您可以执行以下操作:<?phpfor ($k = 1; $k <= 2; $k++)&nbsp; &nbsp; echo '<section class="SectionOuter SectionOuterAlt SectionOuterAlt-' . $k . '">';for ($k = 1; $k <= 2; $k++)&nbsp; &nbsp; echo '<section class="SectionInner SectionInnerAlt SectionInnerAlt-' . $k . '">';输出将是这样的:<section class="SectionOuter SectionOuterAlt SectionOuterAlt-1"><section class="SectionOuter SectionOuterAlt SectionOuterAlt-2"><section class="SectionInner SectionInnerAlt SectionInnerAlt-1"><section class="SectionInner SectionInnerAlt SectionInnerAlt-2">

Cats萌萌

另一个答案不起作用的原因是它正在应用可能不合适的类,并且可能需要替换其他类。您需要做的是保持现有类不变,并添加一个可用于独特样式的新类。在页面顶部,您可以添加一个全局变量,例如<?php&nbsp;$SectionCount&nbsp;=&nbsp;0;&nbsp;?>然后,在要添加唯一类的地方,可以执行以下操作:<section&nbsp;class="SectionOuter<?php&nbsp;echo&nbsp;$alt;&nbsp;?>&nbsp;UniqueClass-<?php&nbsp;echo&nbsp;$SectionCount++;&nbsp;?>"&nbsp;> <section&nbsp;class="SectionInner<?php&nbsp;echo&nbsp;$alt;&nbsp;?>&nbsp;UniqueClass-<?php&nbsp;echo&nbsp;$SectionCount++;&nbsp;?>"&nbsp;>这将自动向每个部分添加一个新的、唯一的类,称为UniqueClass-n(n在页面中是唯一的),而不影响现有的功能或样式。它也不限于每页仅 2 个数字或部分。使其全球化您可以通过多种方式使其全局化,具体取决于页面的设置方式,例如在头代码中添加全局变量在页面上使用唯一的类body来定位每个页面(例如.homepage .UniqueClass-1 {} .contactpage .UniqueClass-1 {} 等)但是,如果没有有关如何设置您当前站点的更多信息(例如 CMS,或者可能存在哪些模板文件来添加代码),我们无法准确告诉您如何实现这一目标。更新:向所有页面的每个部分添加唯一的编号实际上并不可行 - 这是可能的,但与手动添加它们相比,它需要花费同样多(或更多)的精力(为了使其持久且一致,必须将其分配给每个部分)。您可以:使用页面主体和部分类的唯一类/id 的组合(如上所述)或根据页面的某些唯一标识符为每个部分生成一个新类无论哪种情况,您都需要在每个页面上使用唯一的标识符。这取决于页面的设置方式,但如果您使用 CMS,则每个<body>元素可能会添加一个唯一的类。1. 班级组合例如,您的主页可能有类似的内容,<body class="homepage page-452">“关于”页面可能是:<body class="page-about page-818">等等。在这种情况下,您可以使用这些类的组合来定位每个特定页面上的部分,例如// target ONLY UniqueClass-1 on the page with the specified body class.page-452 .UniqueClass-1 { /* CSS HERE FOR HOMEPAGE ONLY */ }&nbsp;.page-818 .UniqueClass-1 { /* CSS HERE FOR ABOUT PAGE ONLY */ }&nbsp;如果不了解有关您的 CMS 或生成的 HTML 的更多信息,则很难给出准确的答案,但这就是您可以做到的方法。(自从我开始回答这个问题以来,我在您发表的评论中看到您的 CMS 没有独特的正文类,因此您需要使用下一个选项:)2. 生成一个独特的类或者,要为每个页面生成唯一的类,如果您的 CMS 生成了 slug,则可以使用 slug,或者如果页面标题始终是唯一的,您可以通过将其添加到声明 $SectionCount 的页面顶部,例如:页面顶部:<?php&nbsp;$SectionCount = 0;$pageClass = preg_replace( '/[^A-Za-z0-9_-]/', '', $pageTitle);?>然后您可以创建您独特的类,如下所示:<section class="SectionOuter<?php echo $alt; ?> ClassPrefix-<?php echo $pageClass."-".($SectionCount++); ?>" ><section class="SectionInner<?php echo $alt; ?> ClassPrefix-<?php echo $pageClass."-".($SectionCount++); ?>" >现在,您可以单独定位每个页面的每个部分,如下所示:.ClassPrefix-generated-page-class-1 { /* CSS HERE */ }.ClassPrefix-generated-page-class-2 { /* CSS HERE */ }/* etc */
打开App,查看更多内容
随时随地看视频慕课网APP