转载

css系列教程--选择器

css派生选择器：是指在某个样式表或者dom元素的行内定义行内元素的属性，而其他同名样式

在其他dom节点无效的样式表定义方式。

例如：

div ul li{border:1px solid red;}

<div><ul><li>我是有边框的</li></ul></div>

<span><ul><li>我是无边框的</li></ul></span>

定义了派生选择器的样式以后，变框属性只针对div ul li元素，而span ul li 元素是无效的。

cssid选择器：id选择区与一般的类选择器（也就是class）属性一样，都是可以用来定义样式

表名称的，只不过id选择器是以#号开头；而class是以.开头而已。另外，二者的区别在于id的属性

是唯一的，而class属性可以是多个的。如果id相同且多个，会导致交互切图是获取的值不正确或者

报错。特此注意

css类选择器：css类选择器就是我们常用的class="name"这种形式的name的定义了。常用

.classname的形式。

css属性选择器：是指选择带有特殊属性的一个或者多个元素，添加特定的样式表属性。如相对包含title

属性的元素标红或者对所有input文本编辑框添加边框，我们可以这样来定义[title]{color:#f00}

input[type='text']{border:1px solid red}。

正文到此结束

所属分类：编程技术

本站定位：个人技术类博客

本站作用：写博客、记日志、闲聊扯淡鼓捣技术。