css选择符类型

css选择符类型

1、通用选择器：*
2、类别选择器：.class
3、id选择器：#id
4、标签选择器：p
5、后代选择器：div p
6、子选择器：div > p
7、群组选择器：div , p
8、相邻同胞选择器：div +p
9、伪类选择器：:link :visited :active :hover :focus :first-child
10、伪元素选择器：:first-letter :first-line:before :after :lang(language)
11、属性选择器：[attribute] [attribute=value] [attribute~=value] [attribute|=value]

CSS3新增伪类有那些?

• p:first-of-type 选择属于其父元素的首个元素
  p:last-of-type 选择属于其父元素的最后元素
  p:only-of-type 选择属于其父元素唯一的元素
• p:only-child 选择属于其父元素的唯一子元素
  p:nth-child(2)选择属于其父元素的第二个子元素
• :enabled 、:disabled 表单控件的可用、禁用状态。
• :checked 单选框或复选框被选中。
• :after 在元素之前添加内容。
  :before 在元素之后添加内容。

优先级计算

!important > 内联样式 > id > class > 标签选择器>*>继承>默认

CSS中有继承性的属性

1、字体系列属性
font、font-family、font-weight、font-size、font-style、

2、文本系列属性
color、 text-indent：文本缩进、 text-align：文本水平对齐、 line-height：行高
word-spacing：增加或减少 单词间 的空白（即字间隔）
letter-spacing：增加或减少 字符间 的空白（字符间距）
direction：规定文本的书写方向
text-transform：控制文本大小写

3、表格布局属性
border-collapse:合并、分离相邻单元格的边框
border-spacing：相邻单元格的边框间的距离（仅用于“边框分离”模式）。

4、列表属性
list-style、list-style-type、list-style-image、list-style-position

5、元素可见性、透明度 visibility、opacity

6、光标属性 cursor

1、所有元素可继承：visibility、opacity和cursor。
2、text-indent、text-align, 块级元素可以继承，行内元素无法继承

CSS中不可继承的属性

1、部分文本属性
vertical-align:垂直居中、text-decoration：文本下划线、text-shadow：文本阴影

2、盒子模型属性
border、padding、margin、width、height、max-width、min-width、max-height、min-height

3、定位属性
float、clear、position、z-index、overflow

4、显示/隐藏属性
display

5、其它一些属性
background

版权声明：本文为CSDN博主「aSuncat」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。
原文链接：https://blog.csdn.net/aSuncat/article/details/88789368

参考链接：https://m.html.cn/qa/css3/12885.html