美文网首页
HTML5新增标签以及CSS3新增选择器

HTML5新增标签以及CSS3新增选择器

作者: 逍遥g | 来源:发表于2017-06-18 23:57 被阅读0次

    css3新增

    element1--element2a[src^="https"]  选择其src属性值以"https"开头的每个元素

    a[src$=".pdf"]  选择其src属性以".pdf"结尾的所有元素

    a[src*="abc"]    选择其src属性中包含"abc"子串的每个元素p:first-of-type    选择属于其父元素的首个

    元素的每个元素

    p:last-of-type    选择属于其父元素的最后元素的每个元素

    p:only-of-type  选择属于其父元素唯一的元素的每个元素

    p:only-child    选择属于其父元素的唯一子元素的每个元素

    p:nth-child(2)    选择属于其父元素的第二个子元素的每个元素

    p:nth-last-child(2)  同上,从最后一个子元素开始计数。

    p:nth-of-type(2)    选择属于其父元素第二个元素的每个元素

    p:nth-last-of-type(2)    同上,但是从最后一个子元素开始计数

    p:last-child    选择属于其父元素最后一个子元素每个元素

    :root 选择文档的根元素

    p:empty    选择没有子元素的每个

    元素(包括文本节点)#news:target选择当前活动的#news元素input:enabled选择每个启用的元素input:disabled选择每个禁用的元素input:checked选择每个被选中的的元素:not(p)选择非的

    元素的每个元素

    ::selection 选择被用户选取的元素部分

    :read-only选择器被用来指定当元素处于只读状态时的样式

    :read-write选择器用于匹配可读及可写的元素

    :default选择器用来指定当前页面打开时默认处于读取状态的单选框或复选框的控件的样式

    :indeterminate选择器用来指定当页面打开时,一组单选框中没有任何一个单选框被设定为选中状态时,整组单选框的样式

    h5新增

    结构标签

    aricle:页面上构建完整并且独立的内容 如小说,文章,报道类

    aside:用来装载非正文类的内容 如 广告 侧边栏

    section:标签定义文档中的节 例如小说中的一章

    header:页面头部 

    footer:页脚

    nav:标签定义显示导航链接

    hgroup:标签用于网页或区段

    figure>figcaption

    <figure>:标签包含独立的媒体内容,如图像 图表 照片等等

    <figcaption>标签定义figure元素的标题(caption)

    details>summary

    <details>标签用于描述文档或文档某个部分的细节,而这个细节并不需要文档加载时就展示,而是可以折叠。

    属性:open定义details是否可见

    <summary>默认显示的details元素的标题

    datalist>option

    输入框提示列表    input的list属性值为datalist的id

    progress :进度条  属性:max:进度完成 value:定义当前进度值

    mark:标记需要突出显示的文本

    keygen:表单的密钥对生成器

    相关文章

      网友评论

          本文标题:HTML5新增标签以及CSS3新增选择器

          本文链接:https://www.haomeiwen.com/subject/pcpwqxtx.html