首页 > 代码库 > css选择器
css选择器
一 css的选择器种类
1 权重 css的样式具有继承性
内联样式> id > 类选择器 > 标签选择器
同一个层次,后面的大于前面的
2 派生选择器
p.class1 这个意思就是,这个class的类选择器,只会在p标签中起作用
.class1 p 这个意思就是,这个class必须是p的上级(多个),才会对p产生影响
.class2+p 这个意思就是,只有与class2相邻的p才会发生变化,并且上一级也必须是相应的标签才可以
.class3~p 这个就是针对上面的,这是class后面的所有的同一级别都会受到影响的
3 属性和值选择器
input[type="button"]
{
width:120px;
margin-left:35px;
display:block;
font-family: Verdana, Arial;
}
此类选择器主要用于改变默认格式
4 简单选择器 其本质与用途同上面是一致的
*[title] {color:red;}
a[href] {color:red;} 只要是他就变化 a[href^=‘aaa‘]{color:red;} 以aaa开头的才会变 a[href$=‘aaa‘]{color:red;} 以aaa结尾的才会变
5 子选择器 只有这爷俩在一起的时候,就是相邻的时候 才会起作用
h1 > strong {color:red;} p > .class4
css选择器