css选择器

css两大重点

1. 属性
   通过属性的复杂叠加才能做出漂亮的网页

• css选择器
  通过选择器找到对应的标签设置样式

• 标签选择器

div1
div2

div{
  color: red;
}

• 类选择器

第一段文件

.high {
  color: red;
}

• id选择器

ssssssss

#first{
  color：red;
}

• 并列选择器(逻辑或)

sssssss

div , .high {
  color: red;
}

• 复合选择器(逻辑与)

sdasdfasf
asdfasdf

div.high {
  color: red;
}
div#first{
  color: red;
}

• 后代选择器

      
div里面的p
      
         
div里面的span里面的p
      

div p {
    color：red；
}

• 直接后代选择器

      
div里面的p
      
         
div里面的span里面的p
      

div > p {
  color: red;
}

• 相邻兄弟选择器

sssssss
与div相邻的p

div + p {
  color：red;
}

• 属性选择器
  单属性

1111111

div[name] {
  color: red;
}

多属性

22222

div[name][age] {
  color: red;
}

属性+属性值

div[name="jack"] {
  color: red;
}

• 伪类

• 伪元素

  
  
  

  无标题.png