
如何仅用CSS选择无属性HTML标签?
前端开发中,我们经常需要为HTML标签设置样式。但有时需要选中没有任何属性(如class、id、href等)的标签。本文介绍如何纯CSS实现,无需JavaScript。
假设HTML代码如下:

立即学习“前端免费学习笔记(深入)”;
其中
如果你了解HTML,CSS和JavaScript,您已经拥有所需的工具开发Android应用程序。本动手本书展示了如何使用这些开源web标准设计和建造,可适应任何Android设备的应用程序 - 无需使用Java。您将学习如何创建一个在您选择的平台的Android友好的网络应用程序,然后转换与自由PhoneGap框架到一个原生的Android应用程序。了解为什么设备无关的移动应用是未来的潮流,并开始构建应用程序,提供更
2 标签无属性,标签有src属性。如何仅修改无属性的
标签样式?
我们可以结合CSS的:not()伪类和属性选择器。:not()伪类排除特定选择器匹配的元素;[attribute]选择器匹配具有指定属性的元素。组合使用,即可选择不包含任何特定属性的元素。
要将无属性
标签字体大小设为26px,CSS代码如下:
p:not([class]):not([id]):not([style]):not([title]):not([href]) { font-size: 26px;}
这段代码选择所有不包含class、id、style、title和href属性的
标签。 需要考虑所有可能出现的属性。
对于
标签的例子,更简洁的方案是:
p:not([class]):not([id]):not([style]):not([title]) { font-size: 26px;}
a:not([href]):not([class]) { font-size: 26px;}
需要注意的是,此方法需要枚举所有可能出现的属性,如果标签可能包含许多属性,则方法会变得冗长且难以维护。实际应用中,最好为需要样式化的元素添加类名,然后通过类名选择样式,这更清晰易维护。
以上就是如何用纯CSS选择没有属性的HTML标签?的详细内容,更多请关注创想鸟其它相关文章!
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 chuangxiangniao@163.com 举报,一经查实,本站将立刻删除。
发布者:程序猿,转转请注明出处:https://www.chuangxiangniao.com/p/1119956.html
微信扫一扫
支付宝扫一扫