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}。

转载于:https://www.cnblogs.com/xiaodonger/p/5079478.html