一个wordpress的fortuna主题,
其中加了:
![](https://www.crifan.com/files/pic/uploads/2021/05/44846c3fc18a40af9be9a1c3e6f6061d.jpg)
portofolio carousel
现在希望第二个和第三个的item
![](https://www.crifan.com/files/pic/uploads/2021/05/a5b3ae9f6d774d9a9b046533237fa9b4.jpg)
不可点击。
看看是否有什么好办法没。
搜:
css 判断 不是第一个
css 判断 是第一个
css class subclass
css control a not click
【总结】
最后用:
/* 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:
![](https://www.crifan.com/files/pic/uploads/2021/05/27d0df1eca774b00986c5ce355899617.jpg)
实现了,对于:
代码
Fortuna_v2.10/fortuna/includes/shortcodes/vc/boc_portfolio_carousel.php
![](https://www.crifan.com/files/pic/uploads/2021/05/ac4f48e5b2b2417592c784178e0a5338.jpg)
的html:
![](https://www.crifan.com/files/pic/uploads/2021/05/ead97a4ba7a94833b67674685d162e1d.jpg)
第一个可以点击:
![](https://www.crifan.com/files/pic/uploads/2021/05/70bf2177852443e3a0c22844df63bef6.jpg)
其他的,第二个第三个,不可点击:
![](https://www.crifan.com/files/pic/uploads/2021/05/468977370bcb444abfc518aa07ffa92d.jpg)
其中需要注意的是:
最后的class是owl-item
而不是info_item
-》因为此处只有owl-item才是,有多个并列的owl-item的
-〉而info_item,是在owl-item的,其中并没有多个并列的info_item
![](https://www.crifan.com/files/pic/uploads/2021/05/ea9fe67f3e224f92909478eefa1ed9f9.jpg)
所以注意不要写错了。