学习前端第五天

CSS

一、基础选择器

1、[attr] ：选择以attr命名的属性的元素

2、[attr=xc]：选择以attr命名的属性的元素，并且属性值为xc

3、[class~=p1]：以class命名的属性的元素，属性值用空格隔开，属性值至少包含“p1”

4、[id|=y]：以id命名的属性的元素，id值的前缀为“y-”

5、[id^=xc]：以id命名的属性的元素，id值以“xc”开头

6、[id$=cx]：以id命名的属性的元素，id值以“cx”结尾

7、[id*=xx]：以id命名的属性的元素，id值包含“xx”

8、[id=caps i]：以id命名的属性的元素，忽略属性值的大小写

二、组合选择器

1、父子选择器：选择在div标签中的p标签的strong标签

       div  p  strong {              }

2、直系子代选择器：选择ins标签，ins标签必须直接在div下一级

       div>ins {           }

3、一般兄弟选择器：选择p标签，p标签和div标签在同一个父标签下，且p标签在div标签下

      div~p {          }

4、紧邻兄弟选择器：选择b标签，b标签和div标签在同一个父标签下，且b标签紧挨在div标签下面

      div+b {           }