您现在的位置是:首页 > 正文

css学习5:选择器简明参考

2024-04-01 00:39:31阅读 1
选择器 说明
* 选取所有元素
<type> 选取指定类型的元素
.<class> 选取指定类的元素
#<id> 选取id属性为指定值的元素
[attr] 选取定义了attr属性,且属性值任意的元素
[attr=“val”] 选取定义了attr属性,且属性值为val的元素
[attr^=“val”] 选取定义了attr属性,且属性值以val字符串打头的元素
[attr$=“val”] 选取定义了attr属性,且属性值以val字符串结尾的元素
[attr*=“val”] 选取定义了attr属性,且属性值包含val字符串的元素
[attr~=“val”] 选取定义了attr属性,且属性值包含多个值,而其中一个为val的元素
[attr|=“val”] 选取定义了attr属性,且属性值是以连字符分割的一串值,而第一个为val的元素
<选择>,<选择> 选取同时匹配所有选择器的元素
<选择> <选择> 目标元素为匹配第一个选择器的元素的后代,且匹配第二个选择器
<选择> > <选择> 目标元素为匹配第一个选择器的元素的直接后代,且匹配第二个选择器
<选择> + <选择> 目标元素紧跟在匹配第一个选择器的元素之后,且匹配第二个选择器
<选择> ~ <选择> 目标元素跟在匹配第一个选择器的元素之后,且匹配第二个选择器
::first-line 选取块级元素文本的首行
::first-letter 选取块级元素文本的首字母
:before,:after 在选取元素之前或之后插入内容
:root 选取文档中的根元素
:first-child 选取元素的第一个子元素
:last-child 选取元素的最后一个子元素
:only-child 选取元素的唯一一个子元素
:only-of-type 选取属于父元素的特定类型的唯一子元素
:nth-child(n) 选取父元素的第n个子元素
:nth-last-child(n) 选取父元素的倒数第n个子元素
:nth-of-type(n) 选取属于父元素的特定类型的第n个子元素
:nth-last-of-type(n) 选取属于父元素的特定类型的倒数第n个子元素
:enabled 选取已启用的元素
:disabled 选取被禁用的元素
:checked 选取所有选中的复选框和单选按钮
:default 选取默认元素
:valid 选取基于输入验证判定的有效或者无效的input元素
:invalid
:in-range 选取被限定在指定范围之内或者之外的input元素
:out-of-range
:required 根据是否允许使用required属性选取input元素
:optional
:link 选取未访问的链接元素
:visited 选取用户已访问的链接元素
:hover 选取鼠标指针悬停在其上面的元素
:active 选取当前被用户激活的元素,这通常意味着用户即将点击该元素
:focus 选取获得焦点的元素
:not(<选择器>) 否定选择(如选取所有不匹配<选择器>的元素)
:empty 选取不包含任何子元素或文本的元素
:lang(<语言>) 选取lang属性为指定值的元素
:target 选取URL片段标识符指向的元素

网站文章

  • word自带参考文献标注功能—以word2013为例

    word自带参考文献标注功能—以word2013为例

    今天调整论文的参考文献,发现文献标注确实很麻烦,就上网搜了一下参考文献的自动标注功能,发现了一名博主的文章写的很好,然后笔者根据自己的使用经验进行了一些补充,这里分享给大家。以word2013版为例,进行说明,其他版本的选项位置可能不一样,但是操作应该大同小异。word参考文献标注功能与手工添加参考文献相比,有如下标注:专业规范:这是word专门提供的添加文献的方法;便于维护:无需...

    2024-04-01 00:39:25
  • BitTorrent 性能卓越的原因

    BitTorrent 性能卓越的原因(原文是Incentives Build Robustness in BitTorrent,不知道怎么翻译比较好?)Bram Cohenbram@bitconjurer.org2003年5月22日翻译:小马哥日期:2004-6-1概要BitTorrent 文件发布系统采用针锋相对(tit_for_tat)的方法来达到帕累托有效,与当前已知的协作技术相比,它具有更

    2024-04-01 00:39:01
  • keras安装在虚拟环境并解决vscode中使用时ModuleNotFoundError: No module named ‘tensorflow‘的问题

    keras安装在虚拟环境并解决vscode中使用时ModuleNotFoundError: No module named ‘tensorflow‘的问题

    然后我这时在vscode终端里输入pip list,出来的包还是base环境里面的包, 但是我自己在anaconda prompt中重新创建了这个env后,activate后使用pip list发现其...

    2024-04-01 00:38:56
  • Latex中的表格(1)

    Latex中的表格(1)

    Latex中的表格Latex中的表格相关说明1.1 **一个较为复杂的例子**:1.2 相关说明1.3 命令解释 Latex中的表格相关说明 1.1 一个较为复杂的例子: 具体代码: \begin{t...

    2024-04-01 00:38:51
  • ea 数据库生成java代码_Enterprise Architect Java代码生成文件导入

    我认为你应该避开代码生成模板.这里的问题是集合类的处理超出了正常的代码生成.如果某个类的成员类型是另一个包中的类,则EA会生成正确的import语句 – 但前提是这些类存在于模型中,而collecio...

    2024-04-01 00:38:25
  • JVM 性能调优

    JVM 性能调优

    在高性能硬件上部署程序,目前主要有两种方式:通过 64 位 JDK 来使用大内存; 使用若干个 32 位虚拟机建立逻辑集群来利用硬件资源。使用 64 位 JDK 管理大内存堆内存变大后,虽然垃圾收集的频率减少了,但每次垃圾回收的时间变长。 如果堆内存为14 G,那么每次 Full GC 将长达数十秒。如果 Full GC 频繁发生,那么对于一个网站来说是无法忍受的。对于用户交互性强...

    2024-04-01 00:38:17
  • 利用AI技术提升乳腺癌诊断准确率

    利用AI技术提升乳腺癌诊断准确率

    结论与影响: 该研究证明了AI技术在乳腺癌诊断中的应用潜力,为医学领域提供了更准确、更高效的诊断方法。实验结果显示,AI辅助诊断能够减少约30%的误诊和漏诊率,显著提高乳腺癌患者的生存率和生活质量。问...

    2024-04-01 00:38:10
  • 数学作文计算机,计算机也会老小学生作文

    数学作文计算机,计算机也会老小学生作文

    计算机也会老小学生作文今天,我一回到家里,爸爸妈妈就对我轮番“轰炸”。原来,我的数学考卷上面有许多计算做错了。我不信,拿出随身携带的.计算机又计算了一次,可是还是这一个数字。爸爸就抢过我的计算机也算了...

    2024-04-01 00:38:04
  • 学生宿舍管理系统的设计与实现(课程论文)

     学生宿舍管理系统的设计与实现 摘  要:现如今高校大学生越来越多,寝室压力巨大,学生不好管理。学生宿舍管理系统对于一个学校来说是必不可少的组成部分。目前好多学校还停留在宿舍管理人员手工记录数据的最初阶段,手工记录对于规模小的学校来说还勉强可以接受,但对于学生信息量比较庞大,需要记录存档的数据比较多的高校来说,人工记录是相当麻烦的。而且当查找某条记录时,由于数据量庞大,还只能靠人工去一条...

    2024-04-01 00:37:40
  • Spring扩展点

    Spring扩展点

    如何在所有Bean创建完后做扩展?方式一Spring在容器刷新完成后会注册ContextRefreshedEvent。所以可以自定义事件监听器监听该事件进行扩展。监听器实现:@Componentpub...

    2024-04-01 00:37:34