CSS

CSS 属性选择器

名称 含义
[att] 选取带有指定属性的元素
[att=val] 选取带有指定属性和值的元素
[att~=val] 选取属性值( 空格分隔 )中包含指定词汇的元素
[att l=val] 选取带有以指定值开头的属性值的元素,该值必须是整个单词
[att^=val] 匹配属性值以指定值开头的每个元素
[att$=val] 匹配属性值以指定值结尾的每个元素
[att*=val] 匹配属性值中包含指定值的每个元素

(不知道 markdown 里 | 怎么出现在表格中, [att |=val] 只能用 l 代替。)

CSS 伪类用于向某些选择器添加特殊的效果

伪类 含义
:active 向被激活的元素添加样式
:link 向未被访问的链接添加样式
:focus 向拥有键盘输入焦点的元素添加样式
:hover
:visited 向已被访问的链接添加样式
:first-child 向元素的第一个子元素添加样式
:lang 向带有指定 lang 属性的元素添加样式

CSS 伪元素用于向某些选择器设置特殊效果

伪元素 含义
:first-letter 向文本的第一个字母添加特殊样式
:first-line
:before
:after 在元素之前添加内容,也可以用来做清除浮动
:enabled 表单控件可用状态,默认值
:disabled 控制表单控件的禁用状态
:checked 单选框或复选框被选中

CSS3 新增的伪元素

  • p:first-of-type 选择属于其父元素的首个<p> 元素的每个<p> 元素
  • p:last-of-type 选择属于其父元素的最后 <p> 元素的每个 <p> 元素
  • p:only-of-type 选择属于其父元素唯一的<p> 元素的每个 <p> 元素
  • p:only-child 选择属于其父元素的唯一子元素的每个 <p> 元素
  • p:nth-child(2) 选择属于其父元素的第二个子元素的每个<p> 元素
  • 还有 :before, :after, :enabled, :disabled, :checked

CSS 属性默认值

属性 默认值 或 初始值 继承
position static 从父元素继承
z-index auto
height auto
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 13,796评论 1 92
  • 本文转载自:众成翻译译者:为之漫笔链接:http://www.zcfy.cc/article/239原文:http...
    极乐君阅读 7,402评论 1 62
  • class 和 id 的使用场景? 每个标签只能设置一个id,此id在页面中只能出现一次。id多用于页面分块时块级...
    cross_王阅读 450评论 0 0
  • 1标准的CSS的盒子模型?与低版本IE的盒子模型有什么不同的? CSS盒子模型:由四个属性组成的外边距(margi...
    秦小婕阅读 1,211评论 0 1
  • ——一某些感受的出现和情绪的发生,并非我乐见的,我想尝试去探寻,到...
    晚星不晓晨阅读 327评论 1 1