最新消息:20210816 当前crifan.com域名已被污染,为防止失联,请关注(页面右下角的)公众号

【已解决】wordpress的Fortuna主题中把部分portofolio变成不可点击

WordPress crifan 143浏览 0评论
一个wordpress的fortuna主题,
其中加了:
portofolio carousel
现在希望第二个和第三个的item
不可点击。
看看是否有什么好办法没。
搜:
css 判断 不是第一个
css 判断 是第一个
css判断某元素的子元素个数,并分别设置样式 – 前端小鱼儿 – SegmentFault 思否
CSS3选择非第一个子元素 | Paincker | Hacker Meets Painter
CSS3选择非第一个子元素 – CSDN博客
CSS :first-child 选择器
CSS 选择器参考手册
css class subclass
CSS Classes & SubClasses – Stack Overflow
css control a not click
pointer-events | CSS-Tricks
html – How to disable a link using only CSS? – Stack Overflow
【总结】
最后用:
/* not allow click for not first item in portofolio carousel */
.portfolio_carousel_holder .owl-item:not(:first-child) {
  pointer-events: none;
  cursor: default;
  text-decoration:none;
  color:black;
}
的自定义css:
实现了,对于:
代码
Fortuna_v2.10/fortuna/includes/shortcodes/vc/boc_portfolio_carousel.php
的html:
第一个可以点击:
其他的,第二个第三个,不可点击:
其中需要注意的是:
最后的class是owl-item
而不是info_item
-》因为此处只有owl-item才是,有多个并列的owl-item的
-〉而info_item,是在owl-item的,其中并没有多个并列的info_item
所以注意不要写错了。

转载请注明:在路上 » 【已解决】wordpress的Fortuna主题中把部分portofolio变成不可点击

发表我的评论
取消评论

表情

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址
87 queries in 0.128 seconds, using 20.52MB memory