SO中文参考
首页
(current)
程序语言
c
java
python
c++
go
javascript
swift
c#
操作系统
linux
ubuntu
centos
unix
数据库
oracle
mysql
mongodb
postgresql
框架
node.js
angular
react-native
avalon
django
twisted
hadoop
.net
移动开发
android
ios
搜索
最后一个元素的 CSS 选择器在样式无的情况下不起作用在线 CSS </desc> <question vote="0"> <p>需要在以下元素中应用样式:</p> <pre><code> <div id="box" class="abc">Hello, World!11212</div> </code></pre> <p>来源:</p> <pre><code><!DOCTYPE html> <html> <title>Online CSS Editor</title> <head> <style> div{ width:200px; height:125px; padding:10px; background-color:red; border:1px solid black; } #box{ transform:rotate(30deg); -ms-transform:rotate(30deg); /* IE 9 */ -moz-transform:rotate(30deg); /* Firefox */ -webkit-transform:rotate(30deg); /* Safari and Chrome */ -o-transform:rotate(30deg); /* Opera */ background-color:yellow; } .abc:not([style="display:none"]):last-child{ font-size:100px; } </style> </head> <body> <div> <div id="box" class="abc">Hello, World!</div> <div id="box" class="abc">Hello, World!11212</div> <div class="abc" style="display:none">Real Time CSS Editor</div> </div> </body> </html> </code></pre> <p>在第一个元素上显示:无时它可以工作,但在最后一个元素上它不工作</p> </question> <answer tick="false" vote="0"> <p><pre><code>:last-child</code></pre> 表示<em>其包含元素中的最后一个子元素</em>。它确实<strong>not</strong>意味着<em>在与选择器的其余部分匹配的元素组中的最后一个</em>。</p> <p><pre><code>.abc:not([style="display:none"]):last-child</code></pre> 不匹配:</p> <ul> <li><pre><code><div id="box" class="abc">Hello, World!</div></code></pre>因为它不是最后一个孩子</li> <li><pre><code><div id="box" class="abc">Hello, World!11212</div></code></pre>因为它不是最后一个孩子</li> <li><pre><code><div class="abc" style="display:none">Real Time CSS Editor</div></code></pre>因为它有<pre><code>style="display:none"</code></pre></li> </ul> <p>有 <strong>no</strong> 选择器,这意味着 <em> 元素组中的最后一个与选择器的其余部分匹配</em>。</p> </answer> </body></html>
问题描述
投票:0
回答:0
html
css-selectors
less
最新问题
在 TypeScript 中继承时无法重新分配类变量
boto3 cloudfront.create_invalidation“您的请求包含一个或多个无效失效路径”
MSAL 身份验证 - WASM Web 应用程序 - 无法构造 URL
我一直在尝试测试shippo api,但是创建国际货运不起作用,因为我一直遇到验证错误
Java/Swing:无法让 JScrollPane 显示整个元素
使用react将信息放入localStorage
在打字稿/节点中swagger多个参数定义
无法在 Typescript 和 Next.js 中修改 MDX 导出类型
从整个 pandas 数据框中删除特定字符串
PHP 上传不起作用;文件大小似乎是问题,但 upload_max_filesize 和 post_max_size 设置适当
Ubuntu 上的 Jupyter 的 Cling 内核
禁用任务标签 [TODO] jdtls [nvim, cmp, lua]
在Java中,绘制几何形状,例如牙买加国旗🇯🇲
Python 函数导致输入 pandas 数据帧发生更改
LangChain PromptTemplate 类的拥抱人脸模型
Rails“550 5.7.60 SMTP;客户端无权作为此发件人发送 [RO1PR80MB1382.lamprd80.prod.outlook.com]”
Gmail Api 不断发送 429,但远低于使用配额
Azure 可信服务帐户的签名工具错误信息:“错误:SignerSign() 失败。” (-2147467259/0x80004005)
使用 jq 修改/删除嵌套/选定值并输出整个文档
使用 pyarrow 时 Jupyter 中出现“内核似乎已死亡”错误
© www.soinside.com 2019 - 2024. All rights reserved.