分享更有价值
被信任是一种快乐

Css3选择器基础知识有哪些

文章页正文上

这篇文章主要介绍“Css3选择器基础知识有哪些”的相关知识,小编通过实际案例向大家展示操作过程,操作方法简单快捷,实用性强,希望这篇“Css3选择器基础知识有哪些”文章能帮助大家解决问题。div > p 选择父元素为div的所有子元素。

div + p 选择紧接在div后的所有子元素。

[target] 选择带有target属性的元素 a[target] {…}

[target=_blank] 选择target_blank的所有子元素。

[title~=flower] 选择title属性包含单词flower的元素。

[lang|=en]选择lang属性以en开头的所有元素。

[p:first-letter] 选择p元素开头的所有首字母。

[p:first-line] 选择每个p元素的首行。

[p:first-child] 选择属于其父元素的首个子元素的每个

元素 就是相对比某个父元素下的所有p元素的第一个p 必须声明

[p:before] 在每个p元素之前插入内容 p:before{content:”台词:“;} ::css3写法 : css2写法。

[p:after] 在每个p元素后插入内容。

[p:lang(it)] 选择带有以 “it” 开头的 lang 属性值的每个

元素。

[p~ul] 选择前面有

元素的每个

    元素。

    a[src^=”https”] 选择所有a 属性中srchttps开头的 ^表示开头。

    a[src$=”.pdf”] 选择所有a中属性srcpdf结尾的 $表示结尾。

    a[src*=”abc”] 选择所有a中属性src包含abc的元素。

    div p:first-of-type div下首个p元素 p可以不是第一个。

    div p:last-of-type div下最后一个p元素。

    div p:only-of-type div中只有一个p元素 可以包含其他元素。

    div p:only-child div中只有一个p元素 不免费云主机、域名能包含其他元素 ie不支持。

    div p:nth-child2 div下第二个p元素。

    div p:nth-last-child(2) div下倒数第二个p元素 Odd even 是可用于匹配下标是奇数或偶数的子元素的关键词 使用公式 (an + b)。描述:表示周期的长度,n 是计数器(从 0 开始),b 是偏移值。

    div p:nth-of-type(2) div下第二个p 2可以用奇偶数 可以用公式。

    div p:nth-last-of-type(2) div下倒数第二个p

    div p:last-child div下最后一个p 相当于div p:nth-last-child(1)

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

    元素(包括文本节点)。

    #news:target 选择当前活动的 #news 元素。

    input:enabled input:disabled input:checked(只有 Opera 支持 :checked 选择器。

    input[type=”text”]:enabled 为所有 type=”text” 的已启用的 input 元素设置背景色。

    关于“Css3选择器基础知识有哪些”的内容就介绍到这里了,感谢大家的阅读。如果想了解更多行业相关的知识,可以关注云技术行业资讯频道,小编每天都会为大家更新不同的知识点。

    相关推荐: Python生成器和协程怎么用

    本篇内容主要讲解“Python生成器和协程怎么用”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“Python生成器和协程怎么用”吧!你将如何生成任意长度的斐波那契数列?显然,你需要跟踪一些数据,并且需要以某种方式对其…

    文章页内容下
    赞(0) 打赏
    版权声明:本站采用知识共享、学习交流,不允许用于商业用途;文章由发布者自行承担一切责任,与本站无关。
    文章页正文下
    文章页评论上

    云服务器、web空间可免费试用

    宝塔面板主机、支持php,mysql等,SSL部署;安全高速企业专供99.999%稳定,另有高防主机、不限制内容等类型,具体可咨询QQ:360163164,Tel同微信:18905205712

    主机选购导航云服务器试用

    登录

    找回密码

    注册