本文记录了一次使用CSS属性选择器解决网页多个相同名称div元素边框统一设置的问题。作者试图通过div[name=aaa]的方式直接在CSS中进行样式设置，但遇到了HTML文档类型声明缺失及脚本执行时机的问题。
今天碰到个问题，有很多页面里面包含了同样一个div，可是这个东西当时只加了id用于操作（各不相同），还有一个name，这个所有div的值都一样，现在要为所有这样的div都加一个边框，实在是太烦恼的事情了。
我很没心情去一个一个替换，所以打算在公共的CSS里面写个东西搞定，但是不知道怎么选name，嗯，这个时候突然想起来CSS里面有个Attribute Selector，可以通过指定某元素的属性来设置样式，所以我就写啦：
div[name="aaa"]
{...}
{
border: 1px solid #808080;
}
哎，结果不起作用哈，我就纳闷坏了，我的测试文件明明是可以的哎，怎么搞的？后来碰巧发现，我测试的html文件里面有<!doctype html>，而大量存在的页面都是没得的，郁闷，这下没戏了。
然后我又尝试在公共script文件里面去改，用document.getElementsByName去取得这些div，再设置它们的样式，又发现公共script都被包含在页面的head里面，这个时候文档都没加载完全呢……
没办法，不理了，搁置搁置。
今天的好运气是又回忆起来了这个属性选择，这样的写法，在有时候会很有用的，谁让我们的文档格式不标准呢。
扫一扫
552
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
