通过field:global给子元素添加css样式

最新推荐文章于 2021-07-19 18:05:54 发布

RabinRow

最新推荐文章于 2021-07-19 18:05:54 发布

阅读量209

点赞数

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/supe/p/8364897.html

本文介绍如何在DEDECMS中使用arclist标签实现列表循环，并为第一个元素添加特定样式。通过简单的PHP代码片段展示如何区分列表中的首个项目。

{dede:arclist row=5 typeid=200}
<li [field:global runphp=’yes’ name=autoindex](@me==1)?@me=”class=noo”:@me=””;[/field:global]>
<a href=”[field:arcurl /]” target=”_blank”>[field:title /]</a></li>
{/dede:arclist}

如果循环出的是第一个，则添加class=noo，否则为空

转载于:https://www.cnblogs.com/supe/p/8364897.html

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

RabinRow

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

hexo自定义css样式

weixin_43827114的博客

02-18

5909

文章目录自定义CSS部分彩色标签心形转动分类底栏修改配置文件解释站点配置文件主题配置文件个人博客https://www.renke666.top 尽管在配置文件中做了修改美化了博客，但原有样式还是比较简陋，修改的话就需要自定义CSS样式。这也算是美化博客的一大步进展吧，踩了很多坑。这篇算是博客的美化部分暂时完结之作，花了很多的精力去美化，整体从十二月初断断续续的忙，寒假初期忙了会也算是忙了有两...

Tailwind CSS v4.0 升级与 Astro 5.2 项目迁移记录

cos的博客

02-05

1404

博客记录了从 Tailwind CSS v3 迁移至 v4 的过程，主要涉及自动化迁移工具的使用及在 Astro 5.1+ 项目中的兼容性问题。迁移过程中，`npx @tailwindcss/upgrade@next` 成功完成大部分 CSS 和 PostCSS 配置更新，但 Astro 项目因 `tailwind-clip-path` 插件不兼容导致失败，注释该插件后恢复正常。此外，Astro 5.2 及以上版本需要改用 Vite 插件方式集成 Tailwind CSS

参与评论您还未登录，请先登录后发表或查看评论

<global-forwards/>子元素

Welcome to here !

03-13

180

子元素 全局转发可以定义几个子元素，Struts首先会在元素中查找对应的,若找不到，则到全局转发配置中查找。语法如下：除了name及path属性之外，还有一个redirect属性，如果为true，则调用HttpServletResponse.sendRedirect()方法进行重定向的操作，否则用RequestDispathcer.forward()方法来转发，默...

Global 全局样式基本设置

weixin_34185512的博客

04-07

630

1. 默认字体设置，边距设置 html { font-family: sans-serif; /* 默认字体 */ font-size: 100%; /* 在用户调整窗口大小时，字体大小做相应调整。 */ -ms-text-size-adjust: 100%; /* IE浏览器 */ ...

每个页面通用的CSS：global.css 对某些标签进行初始化样式设置加些特定的margin值等

洋洋的专栏

12-04

2516

每个页面通用的CSS：global.css.txt [css] view plaincopy @charset "utf-8"; /* CSS Document */ /* ========= reset ========= */ body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,

织梦arclist 五条文章，每条显示的CSS样式不一样。实现方式如下。

dawanai5802的博客

10-27

166

<UL> {dede:arclist row='5'} <LI class="redian[field:global runphp='yes' name=autoindex] @me=@me+0;[/field:global]"><A href="[field:arcurl/]" target=_blank>[field:title/]</...

织梦列表页arclist中利用autoindex实现不同样式，并在runphp中调用其它字段

qq_33932019的博客

06-25

615

单纯的php标签中是无法获取其他字段的，得利用[field:array runphp='yes']@me['title']...等等[/field:array]再利用全局变量$GLOBLAS['autoindex']获取当前的索引值加以判断，并输出不同的样式，如下(注意是在列表页中)： <ul id="data-list" clas...

使用过渡和CSS为应用添加动画效果及UI框架的应用

### 使用过渡和 CSS 为应用添加动画效果及 UI 框架的应用 #### 1. 使用过渡和 CSS 为应用添加动画在应用开发中，为元素添加动画效果可以提升用户体验。Vue 提供了 `Transition` 和 `TransitionGroup` 组件，结合 ...

给woocommerce默认的数量选择框添加加减按钮

最新发布

07-19

### 步骤3：添加CSS样式在主题的CSS文件中添加样式： ```css .quantity { display: flex; align-items: center; } .qty-minus, .qty-plus { width: 30px; height: 30px; background: #f5f5f5; border: 1px ...

Dede建站标签全面指南：调用方法详解

11. **栏目链接调用标签**: `[field:typelink function='str_replace("a","a class=ulink",@me)'/]` 这个标签用于美化栏目链接的样式，如添加CSS类。 12. **作者链接和点击、评论调用标签**: `[field:writer/]` 和 ...

DedeCMS列表页隔行/多行随意换色

weixin_30305735的博客

07-05

150

在很多列表调用的时候都需要有隔行换色或者多行不同颜色，特别在全通式的首页轮展图的时候，要想实现轮展图背景随着图片的更换，超过三张或多张的时候，隔行换色已经不能解决问题了，在原来的隔行换色的基础上，进行小小的修改就可以实现这样的功能。列表调用隔行换色全通式首页轮展图背景色更换照片墙形式标签说明： 1 arclist 标...

织梦arclist循环前两个样式与后面的不同

艾塔SEO

01-15

326

织梦arclist循环标签前两个样式与后面的样式不同解决方法 {dede:arclist typeid='4' row='12' titlelen='150' } [field:array runphp=yes] ($GLOBALS[autoindex]<=2) ? @me="<li><h3><a href='{@me['arcurl']}' title='{...

织梦arclist标签内容页当前文档高亮添加样式

zxy840552216的博客

06-19

113

最简单的实现方法，不改动程序文件 1 [field:idrunphp=yes]global $id,$aid;$aid = isset($id) ? $id: $aid;if(@me == $aid)@me =' class="current"';else@me ='';[/field:id] 上面那一行标签的意思是：用当前文档id作为判断如果在dede:arclist标签里有文档的id等于当前文档id就给它加class="curren...

让织梦的arclist/list循环中判断让前N个li添加class让样式不一样

zhang01457的博客

04-20

481

调用代码 [field:global name=autoindex runphp="yes"](@me==1)? @me="class=on":@me="";[/field:global] 这代码的意思就是，如果循环出的是第一个，则添加class=on，否则为空。实际案例应用 {dede:arclist row=4 } <li [field:global name=autoin...

织梦dedecms列表循环判断增加样式的办法

zxy840552216的博客

07-19

225

织梦列表页如果我们想隔行换色或者5篇文档一组，这样的话要怎么操作呢？其实方法很简单，我们可以用织梦的autoindex这个标签，通过做条件判断。例：当循环到第3条时增加一个<li class=’on’></li>，示例代码如下： 1 {dede:arclist typeid='3'row='8'} 2 <li class="m[field:global.autoindex/]"> 3...

dedecms循环列表样式

weixin_30950607的博客

12-02

153

简单用法： {dede:arclist typeid="1" row="6"} <li class="list[field:global.autoindex/]">[field:title function="cn_substr(@me,63)"/]</li> {/dede:arclist} 输出类似于 <li class="list1">...

DEDECMS V5.6在(layout.css)中预设了6种区块列表样式的调用

weixin_34409741的博客

11-23

123

‍您可以根据自己的实际需要修改使用下面以首页区块调用位置为例我们来详细介绍这六种列表样式的结构和class 首页模板的<div class="listbox"></div>内是区块列表的调用<dl class="tbox"><dt><strong><a href="{dede:field name='typeurl'/}...

dedecms的arclist循环中判断第一个li添加css，否则不加

weixin_33734785的博客

01-11

215

dedecms的arclist循环中，判断如果是第一个li，则添加固定的css，否则不加写法如下： {dede:arclist row=4 flag='p'} <li [field:global name=autoindex runphp="yes"](@me==1)? @me="class=on":@me="";[/field:global]>[field...

CSS中的global