微信开发者nth-child问题

最新推荐文章于 2024-02-26 09:17:27 发布
最新推荐文章于 2024-02-26 09:17:27 发布
阅读量454 收藏 1
点赞数 1
分类专栏： 微信小程序 文章标签： 微信小程序
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_52966774/article/details/132094680
版权

问题是这样的：
今天在学习微信小程序时，发现 nth-child选择器下的属性无法渲染

原因是:
渲染模式：Skyline
在这里插入图片描述
如上图

查阅官方文档才知道
在这里插入图片描述
该渲染模式对伪类元素目前不支持nth-child

解决办法：还没找到
不过应该是和这里的renderer有关之后再解决
在这里插入图片描述

三木mu
关注
  • 1
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
伪类选择器的用法
qq_39861152的博客
09-19 1185
:first-child 选择某个元素的第一个子元素（IE6不支持） :last-child 选择某个元素的最后一个子元素 :first-of-type [CSS3]选择一个上级元素下的第一个同类子元素 :last-of-type [CSS3]选择一个上级元素的最后一个同类子元素 :only-child [CSS3]选择的元素是它的父元素的唯一一个了元素（IE6-8不支持） :only-of-ty...
微信小程序界面设计-小程序中的WXSS(css)选择器
01-18
讲解微信小程序中如何使用css选择器，哪些选择器支持哪些选择器不支持，讲解选择器分组,属性选择器,后代选择器,子元素和相邻兄弟选择器,伪类选择器,伪元素选择器,微信小程序中样式css选择器等
nth:child()选择器
qq_46241430的博客
04-04 1440
:nth-child()的理解和使用
新手-微信小程序swiper-item小问题
图像算法的入门之路
11-14 873
在自学微信小程序时，遇到swiper-item 无法显示设置的背景颜色。
css中选取子元素
生存不忘生活
08-08 5743
1、first-child first-child表示选择列表中的第一个标签。代码如下： li:first-child{background:#090} 上面的意思是，li 列表中的 第一个li模块的背景颜色。 2、last-child last-child表示选择列表中的最后一个标签，代码如下： li:last-child{background:#090} 3、nth-ch
小程序wxss进阶
培根芝士的专栏
07-07 524
before ，after before为控件前面展示的文本，after为控件后面展示的文本 .view_1 { font-size: 70rpx; color: red; } /* 在view_1控件之前 */ .view_1::before { content: "苹果：¥ "; font-size: 40rpx; color: black; } /* 在view_1控件之后 */ .view_1::after { content: " 元/斤"; font-si..
html5微信小游戏-疯狂手指.zip
06-18
- **小游戏开发工具**：微信开发者工具提供调试、预览、发布等功能，简化开发流程。 - **社交特性**：利用微信好友关系链，鼓励用户分享，提升游戏曝光度。 - **性能优化**：微信小游戏有特定的性能限制和优化...
JavaScript微信图片九宫格
最新发布
05-04
.grid-item:nth-child(5) { /* 设置中间图片的大小和位置 */ } .grid-item:nth-child(1), .grid-item:nth-child(2), .grid-item:nth-child(4), .grid-item:nth-child(6), .grid-item:nth-child(7), .grid-item:nth...
微信小程序hamburgers汉堡包css动画
02-29
微信小程序是一种轻量级的应用开发平台，主要针对移动端，它允许开发者通过JavaScript、WXML（WeChat Markup Language）和WXSS（WeChat Style Sheets）来构建用户界面，并且可以使用CSS动画来提升用户体验。...
微信小程序在text文本实现多种字体样式
10-16
在微信小程序中，由于其独特的开发环境和语法限制，实现text文本内的多种字体样式与...开发者需要熟悉微信小程序的特性和限制，才能更好地进行界面设计和样式定制。不断探索和实践，是提升微信小程序开发技能的关键。
微信小程序入门教程
09-01
然而，微信小程序不支持LESS、SASS等预处理器语言，也不支持级联选择器，如:nth-child()和:last-child。此外，虽然支持伪元素`:before`和`:after`，但某些高级CSS特性可能不被支持。 开发小程序时，每个小程序包含...
解决伪类nth-child(1)/frist-child不生效
qq_39691676的博客
07-21 489
nth-child是添加到特定选择器规则的伪选择器。解决方案： 将vNode提升至父级。
微信小程序界面设计小程序中的WXSS(css)选择器课程-伪类-:nth-child() 伪类
杭州.黄老师
04-03 6919
小程序中的WXSS(css)选择器课程-伪类-:nth-child() 伪类 定义和用法 :nth-child(n) 选择器匹配属于其父元素的第 N 个子元素，不论元素的类型。 n 可以是数字、关键词或公式。 提示：请参阅 :nth-of-type() 选择器，该选择器选取父元素的第 N 个指定类型的子元素。 浏览器支持 所有主流浏览器均支持 :nth-child() 选择器，除了 IE8 及更...
【小程序】小程序学习01
云里有只猫的博客
02-06 939
01 xml 组件 view text-align: center;文本横向居中 line-height 行高 display: flex;横向布局 justify-content: space-around;分散对齐 选择器：nth-child(x) wxml <view class="container1"> <view>A</view> <view>B</view> <view>C</view> </v
微信小程序——:nth-child等在小程序中使用
我是我
05-27 3994
Vue中，父组件列表引入每一个子组件元素的时候，可以在父组件的CSS文件中设置子组件的margin，可以通过样式穿透在父组件设置子组件:nth-child(2n)为0等，那么在小程序中是如何实现的呢？ 父组件： WXML <view class="getnotice-list"> <t-notice-item class="getnotice-list-item" wx:for="{{getnotice}}" wx:key="index" content="{{item}}"
小程序常用组件
weixin_44908855的博客
10-06 1125
https://developers.weixin.qq.com/miniprogram/dev/framework/open-ability/customer-message/customer-message.html
小程序笔记3常用组件讲解及其使用（含代码，持续更新）
weixin_53669566的博客
04-10 592
<!--pages/list/list.wxml--> <!-- <text>pages/list/list.wxml</text> --> <view class="container1"> <view>A</view> <view>B</view> <view>C</view> </view> /* pages/list/list.wxs...
微信小程序 --- 常用样式和组件
每天都要努力学习哦~~
02-26 1644
在开 Web 网站的时候：页面的结构由HTML进行编写，例如：经常会用到divpspanimga等标签页面的样式由CSS进行编写，例如：经常会采用.class#idelement等选择器但在小程序中不能使用HTML标签，也就没有DOM和BOM，同时仅仅支持部分CSS选择器不过不用担心，小程序中提供了同样的角色：其中WXML充当的就是类似HTML的角色，只不过在WXML中没有divpspanimga等标签，在WXML中需要使用 小程序提供的viewtextimagenavigator。
:nth-child() 选择器，问题
aeoliancrazy的博客
04-12 453
问题1， 可能存在的顺序问题 <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="viewport" content="initial-scale=1.0, user-scalable=no" /> <style type="text/css"> .out
微信开发者工具nth-child不生效
08-12
在给出的引用内容中，并没有提到微信开发者工具的nth-child不生效的问题。因此，我无法为您提供针对这个问题的具体解答。但是，nth-child是CSS中的一个选择器，用于选取父元素下的第N个子元素。如果在微信开发者工具中nth-child选择器不起作用，可能是由于CSS选择器的语法问题或者在指定的元素上没有正确应用nth-child选择器。您可以仔细检查CSS选择器的语法是否正确，以及确保您要选择的元素是否具有正确的层级结构和顺序。同时，您可以尝试使用其他选择器或者调整选择器的顺序来达到您想要的效果。如果问题仍然存在，您可以查阅微信开发者工具的文档或者向微信开发者社区寻求帮助。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* [nth-of-type和nth-child的正确使用方式，last-child为什么不生效？](https://blog.csdn.net/yak99/article/details/127575196)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"] - *2* *3* [微信小程序基础知识 || 如何让微信开发者工具显示切后台按键](https://blog.csdn.net/qq_44631615/article/details/123870085)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"] [ .reference_list ]
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值