css-四种基本选择器

1)基础选择器

*通配符选择器: #<head><style>*{}  *号代表通配符

id选择器:  #<head><style>#标签id值{}   id值不能重复

class选择器: #<head><style>.标签class值  class值可以重复

<head><style>p#id{}

<head><style>div.class{}

--------------------------------------------------------------------

2)组合选择器

多元素选择器:E,F  <head><style>#id,div.class{}

后代选择器:E F  <head><style>.class div{}  找子孙代

子元素选择器:E>F  <head><style>.class>div{}  只找儿子代的标签

毗邻选择器:E+F  向下毗邻(紧挨着)标签

--------------------------------------------------------------------

3)属性选择器

嵌套规则:

1.块级标签可以嵌套内联标签或某些块级标签,但内联标签不能嵌套块级标签,它只能嵌套内联标签

2.有些块级标签不能嵌套块级标签,比如:p/dt/h1-h6

<head><style>[属性名]{}

<head><style>[属性名=属性值]{}

<head><style>标签名[属性名=属性值]{}

----------------------------------------------------------------------

4)伪类

<head><style>.class名:hover{}  #悬浮

<head><style>.class名:after{content:"欢迎加入前端学习"}  #悬浮

猜你喜欢

转载自www.cnblogs.com/benchdog/p/9194045.html