CSS 属性选择器备忘

简介: CSS 属性选择器备忘

再次强烈谴责 W3School,写的根本就是错的,而且怎么发邮件也不改过来。

选择器 效果
[attr] el.attr !== undefined
[attr=value] el.attr === 'value'
[attr^=value] el.attr.startsWith('value')
[attr$=value] el.attr.endsWith('value')
[attr*=value] el.attr.includes('value')
[attr~=value] el.attr.split(' ').includes('value')
[attr|=value] [attr=value][attr^=value-]
相关文章
|
前端开发
CSS3常见伪类和伪元素及其使用方法
CSS3常见伪类和伪元素及其使用方法
109 0
|
8月前
|
前端开发 JavaScript
CSS进阶-CSS选择器高级:伪类与伪元素
【6月更文挑战第13天】本文探讨了CSS伪类与伪元素的核心概念,包括伪类表示元素状态,伪元素创造抽象内容。常见问题涉及二者区别、冒号使用、顺序优先级及`content`属性。实践技巧涵盖`:not()`选择器、`:hover`与子元素伪类结合及自定义形状。通过代码示例展示了高亮悬停行、添加图标、首行样式和链接颜色的应用。理解并熟练运用伪类和伪元素可提升CSS设计效率和灵活性。
293 2
CSS进阶-CSS选择器高级:伪类与伪元素
|
8月前
|
前端开发
CSS基础之伪类选择器(如果想知道CSS的伪类选择器知识点,那么只看这一篇就足够了!)
CSS基础之伪类选择器(如果想知道CSS的伪类选择器知识点,那么只看这一篇就足够了!)
|
前端开发
CSS 中的常用属性(图文详解版)(上)
CSS 中的常用属性(图文详解版)(上)
|
前端开发 容器
CSS 中的常用属性(图文详解版)(下)
CSS 中的常用属性(图文详解版)(下)
|
XML 前端开发 JavaScript
【web前端开发】CSS最常用的11种选择器
CSS (Cascading Style Sheets,层叠样式表),是一种用来为结构化文档(如 HTML 文档或 XML 应用)添加样式(字体、间距和颜色等)的计算机语言,CSS 文件扩展名为 .css。
|
前端开发 JavaScript
前端祖传三件套CSS的各种选择器之属性选择器
当今互联网时代,前端开发已成为互联网领域不可或缺的一部分。而CSS则是前端开发中最为重要的技术之一,它用于定义HTML文档的呈现方式,从而使得网页可以更加美观、功能更加强大。在CSS中,选择器是一个非常重要的概念,其中属性选择器更是被称为祖传三件套之一。
148 0
|
前端开发
CSS学习笔记(二) 选择器
CSS学习笔记(二) 选择器
158 0
|
前端开发 JavaScript
一文带你入门css【选择器的详细介绍】
一文带你入门css【选择器的详细介绍】
一文带你入门css【选择器的详细介绍】
|
前端开发
常用css样式大全以及css属性代码大全
常用css样式大全以及css属性代码大全
338 0

热门文章

最新文章