用CSS3将你的设计带入下个高度[译]（2）
作者：神采飞扬 来源：前端观察 发布时间：2009-06-22 13:03:00
标签：设计,css3,hack,工具
1. 选择器
CSS选择器是个难以置信地强大的工具：它们允许我们在标签中指定特定的HTML元素而不必使用多余的class、ID 或JavaScripts。而且它们中的大部分并不是CSS3中新添加的，而是没有被得到应有的广泛应用。如果你在尝试实现一个干净的、轻量级的标签以及结构与表现更好的分离，高级选择器是非常有用的。它们可以减少在标签中的class和ID的数量并让设计师更方便的维护样式表。
属性选择器
三个新的属性选择器被添加到CSS3：
[att^="value"]
匹配包含以特定的值开头的属性的元素[att$="value"]
匹配包含以特定的值结尾的属性的元素[att*="value"]
匹配包含含有特定的值的属性的元素
tweetCC 使用一个属性选择器来指定有title属性并以字符“tweetCC”结尾的链接:
a[title$="tweetCC"] {
position: absolute;
top: 0;
right: 0;
display: block;
width: 140px;
height: 140px;
text-indent: -9999px;
}
浏览器支持:只有IE6不支持CSS的属性选择器。IE7和IE8、Opera、Webkit核心和Gecko核心的浏览器都支持。所以在你的样式中使用属性选择器是比较安全的。
连字符
CSS3中唯一新引入的连字符是通用的兄弟选择器（同级）。它针对一个元素的有同一个父级节点的所有兄弟级别元素。
比如，给某个特定的div的同级的图片添加一个灰色的边框(div和图片应该有同一个父级节点)，在样式表中定义下面的样式就足够了：
div~img {
border: 1px solid #ccc;
}
浏览器支持：所有的主要浏览器都支持这个通用的兄弟选择器除了我们最爱的IE6！
0
投稿猜你喜欢
- 前言：大家都知道,只要进行数据交互,肯定就要去请求接口,数据请求的方式有vue-resource axios fetch
登录与注册两个按钮似乎天生就应该是排在一起的，就像很多地方的“确定”与“取消”一样，甚至排在一起的意义远远强于后者。于是长期以来，用户们也形- vant文档：Vant 2 - Mobile UI Components built on Vue实现效果： 代码实现：1.nav
- ..:: 巧用CSS制作艺术字 ::..如果灵活应用CSS各种滤镜的特点并加以组合，我们可以得到许多意想不到的效果。这是一些效果示范，供各位
- tensorflow中tf.concat的axis的使用我一直理解的比较模糊，这次做个笔记理下自己的思路。import tensorflow
- 最近因项目需要用ACCESS做数据库开发WEB项目 看论坛上还许多人问及ACCESS被注入的安全问题 许多人解决的方法仍然是用Replace
- 本文实例讲述了Python聚类算法之基本K均值运算技巧。分享给大家供大家参考，具体如下：基本K均值 ：选择 K 个初始质心，其中 K 是用户
- 基本环境配置python 3.6pycharmrequestscsvtime相关模块pip安装即可目标网页分析网页一切的一切都在图里找到数据
- 本文通过实例解析了 SQL Server 数据库扩展存储过程，实现远程备份与恢复的方法和步骤实例说明： 环境：win2k+sqlserver
- 我们在使用Golang时，不可避免会遇到异常情况的处理，与Java、Python等语言不同的是，Go中并没有try...catch...这样
- 代码简单，直接看代码吧:import socketimport threadingimport re#import Tkinterdef s
- 我们在写代码的过程中，会经常使用到for循环，去循环列表，那么如果我们拿到一个类型为str的列表，对它进行for循环，结果看下面的代码和图：
- 常见的误解有： 1. 只用 ado.net ，无法进行动态 SQL 拼接。 2. 有几个动态参数，代码的重复量就成了这些参数的不同数量的组合
- MaxDB和MySQL是独立的数据库管理服务器。系统间的协同性是可能的，通过相应的方式，系统能够彼此交换数据。要想在MaxDB和MySQL之
- 本文实例讲述了python实现中文分词FMM算法。分享给大家供大家参考。具体分析如下：FMM算法的最简单思想是使用贪心算法向前找n个，如果这
- 本文详细分析了Yii配置文件的用法。分享给大家供大家参考。具体分析如下：Yii配置文件比ThinkPHP复杂多了，先把自己了解的配置记录下来
- 我们在讲模块的时候，有些人看到了内置属性，就把它们当做函数，其实还是有区别的，这里需要为大家进行明确。我们所看到的函数两边带有双下划线，这是
- 本文实例讲述了PHP cookie，session的使用与用户自动登录功能实现方法。分享给大家供大家参考，具体如下：cookie的使用//生
- mysql字段的数据类型支持json格式，可以直接存储json数组和json对象。一、插入json数据的方式有两种1、以普通字符串形式插入，
- 有三种方法，一是用微软提供的扩展库win32com来操作IE，二是用selenium的webdriver，三是用python自带的HTMLP
