小程序:first-child{ border-top: none }不生效问题

最新推荐文章于 2024-10-17 19:40:52 发布
最新推荐文章于 2024-10-17 19:40:52 发布
阅读量445 收藏
点赞数
分类专栏： 小程序 文章标签： css
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/zhaoshidaye666/article/details/112187211
版权

下方代码不起作用

<view>
	<view class="listItem" id="firstChild"></view>
</view>

.listItem:first-child {
	border-top: none;
}

下方起作用

<view class="listItem" id="firstChild"></view>

.listItem {
	border-top: 1px solid #000;
}

#firstChild {
	border-top: none;
}

用ID的方法对个别伪元素进行处理

CSS学习笔记
a15107071954的博客
10-11 318
CSS简介 CSS是一个层叠样式表，网页实际上是一个多层结构，通过css可以为网页的每一层设置样式，而最终我们看到的只是网页的最上一层。 总之，css是用来设置网页中元素的样式。 CSS的使用 第一张方式：（内联样式、行内样式）在标签内部通过style属性来设置元素的样式 <p style="color:red;font-size:60px;"></p> 但是这种方式不推荐使用。问题：使用内联样式，样式只能对一个标签生效，如果希望影响到多个元素必须每一个元素中都复
css基础知识 -- 选择器
qq_52993453的博客
11-18 1499
1.css选择器： 用于“查找”（或选取）要设置样式的 HTML 元素；选择器种类分为5类 简单选择器（根据名称、id、类来选取元素） 组合器选择器（根据它们之间的特定关系来选取元素） 伪类选择器（根据特定状态选取元素） 伪元素选择器（选取元素的一部分并设置其样式） 属性选择器（根据属性或属性值来选取元素） 1.1简单选择器 1.1.1元素选择器：根据元素名称来选择 HTML 元素 p { text-align: center; color: green; } 1.1.2..
伪元素不生效问题，比如：：affter
m0_61177996的博客
08-15 1152
伪元素不生效问题，比如：：affter
微信小程序last-child、first-child 样式失效的解决办法
q1ngqingsky的博客
12-21 2802
使用last-child或者first-child 需要将子集包在一个父元素中才可以生效 .tab-content text:last-child { margin-right: 0; } <view class="tab-content"> <text bindtap="tapActive" data-active="1" class="{{active === '1'?'active':''}}">贸易代采</text> ...
解决小程序不支持各行变色伪元素选择器
那一刻的博客
07-13 526
这种写法是小程序是不支持的 可以改成这种写法
小程序 first-child 和 last-child 会失效的原因
flowRight的博客
05-31 4158
小程序 first-child失效 使用:nth-child(2)应用到了第一个子元素 ，原因（存在兄弟节点 即使类名不一样） 设置first-child伪类时我们看第一个的前面有没有兄弟节点， 设置last-child伪类时看最后一个有没有兄弟节点。 所以要设置这种伪类时如果没有起到效果，我们可以先看一下他有没有同级的兄弟节点 ...
Css之border属性
weixin_34232744的博客
12-03 908
设置border属性作用：设置对象边框样式，设置单独上边框、下边框、左边框、右边框样式，实现美化美观。边框起到分割、规划布局作用。1、四个边框border-left设置左边框，一般单独设置左边框样式使用border-right设置右边框，一般单独设置右边框样式使用border-top设置上边框，一般单独设置上边框样式使用border-bottom设置下边框，一般单独设...
css中级高级学习
qq_53366282的博客
03-20 608
目录 CSS中级教程学习 隐藏属性 css的定位 css布局-溢出 CSS Overflow CSS 布局 - 浮动和清除 CSS 布局 - 水平和垂直对齐 CSS 组合器 css伪类 所有 CSS 伪元素 CSS 不透明度 / 透明度 Demo：导航栏 CSS高级教程学习 CSS圆角 CSS 边框图像 CSS 渐变 CSS 阴影效果 CSS 文字溢出 CSS 书写模式 CSS 2D 转换 CSS 2D 转换方法 CSS 3D 转换方法 CSS 过.
使用HTML开发商业网站-结构化伪类选择器课件.pptx
07-10
这两个选择器分别是 `:first-child` 和 `:last-child` 的扩展，使得可以更灵活地选择列表中的任意位置的元素。 **示例代码：** ```css ul li:nth-child(2) { color: green; } ul li:nth-last-child(2) { color: ...
【小程序】- 基础语法（一）
最新发布
不靠谱先森的博客
10-17 835
文件中不支持使用本地路径的资源，比如背景图片是不允许使用本地国片路径的，必须使用网络路径（https:// 或 http:// 开头）或者转换成 base64 编码。小程序的配置可以配置页面路径、窗口表现、tabBar等，分为全局配置和页面配置，全局配置针对所有页面生效，页面配置只针对当前页生效。在页面中指定一个可以滚动的区域，并且这个可滚动的区域能够实现一些高级的交互，比如下拉刷新等。小程序中字体图片的使用与网页中基本上是一致的，唯一的区别是小程序的。
CSS中设置border属性为0与none的区别
我是一只蘑菇17的博客
12-09 2277
在我们设置CSS的时候，对标签元素不设置边框属性或者取消边框属性一般设置为：border:none;或border:0;两种方法均可。 border:none;与border:0;的区别体现有两点：一是理论上的性能差异；二是浏览器兼容性的差异。 1.性能差异 【border:0;】把border设为“0”像素虽然在页面上看不见，但按border默认值理解，浏览器依然对border-width/bor...
CSS 去除边框重叠 border-bottom: none；
lryh_的博客
01-19 2301
CSS 去除边框重叠线border-bottom: none;
border边框
qq_45142260的博客
11-14 517
元素的边框border属性 给元素设置边框，使用 border 属性 border-width 边框的宽度 border-color 边框的颜色 border-style 边框的样式 style的常见值 solid 是实线 dashed 虚线 dotted 圆点虚线 double 双实线 border 复合写法 width color style 例如： border：1px #f00 soli...
HTML+CSS实现表格去除上下左右边框详细介绍
热门推荐
乐逍遥
08-25 1万+
表格线常见问题： 去除上边框border-top:none 去除下边框border-bottom:none 去除左边框border-left:none 去除右边框border-right:none 表格边框与表格单元格线的重叠 border-collapse:collapse 嵌套表格与被嵌套表格对不齐的问题 table-layout: fixed border-collapse有两个属性，separate...
微信小程序first-child 和 last-child 失效,设置后不起作用~
啥也不会只能CV
03-21 9323
微信小程序first-child 和 last-child 失效,设置后不起作用~ 问题:在不确定有多少个子项的前提下,需要给最后一个子项添加一个样式. 使用了last-child不生效. 解决办法:在detailData外面包一个父元素,相当于li里的ul一样. ...
jquery 的:first-child 和:last-child 选择器实例
行天之路
11-02 5354
:first-child 选择器被用来选择父标签的第一个子标签，此是:nth-child(1)的简便形式。 例如： $(‘li:first-child’)—用来选择所有li的父标签的第一个li子标签。 $(‘tr:first-child’)—类似。   :last-child 选择器被用来选择它们父标签的中的最后一个匹配的子匹配。 例如： $(‘li:last-child’)—选择所
first-child伪类选择器没有效果(不起作用)
xjun0812的博客
07-31 6538
我们在开发时，经常会使用到结构性伪类选择器，如 first-child（选择第一个子元素），但有时候并没有效果怎么办？ 这时候你可以检查一下该元素是否有其他兄弟元素。因为当父元素的第一个子元素类型和该元素不同时，会失效。 场景举例： <!--内容部分--> <div class="fruits"> <h3>热销水果</h3> ...
:first-child 和:first-of-type
07-28
:first-child和:first-of-type是CSS选择器中的两个不同的选择器。 :first-child选择器匹配其父元素中的第一个子元素。例如，如果我们有以下CSS代码： p:first-child { background-color: yellow; } span:first-...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值