虽然我们已经使用css2.1选择器排除掉了所有的class和id，显然还会有很多更复杂的情况需要css3的高级选择器来解决。让我们通过完成一下的实例来了解一下如何在不使用无用的class和id属性的情况下利用css3定位页面元素。
相关文章：css3.0参考手册下载（VeVb推荐）
使用一个唯一的日志(post)id定位所有日志
wordpress提供给我们一种包含了id的每篇日志的源代码输出。这种信息通常用于导航和/或了解资料的意图，不过css3可以利用这些唯一的id来定义这些日志的样式。当然，你还可以像往常那样为每篇日志添加class=”post”这样的属性，但这就与我们练习的意图相冲突了(再加上它没有一点乐趣所在)。使用”子字符串匹配选择器”，我们就可以像下面这样定位所有日志和它们的不同元素了。
1 2 3 | article[id*=post-] {} /* 定位所有日志 */
article[id*=post-] header h1 {} /* 定位所有日志中的h1标签 */ article[id*=post-] section p {} /* 定位所有日志中的p标签 */ 学习交流
热门图片
猜你喜欢的新闻
新闻热点  2024-06-26 22:28:41
 2024-06-26 22:26:16
 2024-06-26 22:23:01
 2024-06-25 19:29:23
 2024-06-25 19:22:14
 2024-06-25 19:19:15
疑难解答 |
