现代CSS:使用 :empty 和 :has() 隐藏元素

在日常开发中，我们通用会选择使用javascript切换类来控制它们的状态样式，比如.open、...

这些 CSS 伪类，你可能还不知道，可以用起来了

css伪类是用于向某些选择器添加特殊的效果，是动态的，指当前元素所处的状态或者特性。只有一个元素达到一个特定状态时，它可能得到一个伪类的样式；当状态改变时，它又会失去这个样式。这篇文章在一定程度上鼓...

CSS 伪元素基础知识:first-line、first-letter、selection(三)

除了::before和::after，CSS的伪元素还有::first-line、::first-letter和::selection这三个，这三个相对来说就简单得多，用法也较为纯粹。没看过前...

JavaScript HTML DOM 元素(节点) js操作html元素

创建新的HTML元素如需向HTMLDOM添加新元素，您必须首先创建该元素（元素节点），然后向一个已存在的元素追加该元素。实例<divid="div1"><pid...

Flex布局看这篇就足够了! flex布局的原理

Flex基本概念在flex容器中默认存在两条轴，水平主轴(mainaxis)和垂直的交叉轴(crossaxis)，这是默认的设置，当然你可以通过修改使垂直方向变为主轴，水平方向变为交叉轴，这...

jquery循环中绑定事件最后一个元素覆盖前面元素的事件问题

大家一定遇到过在for循环中创建html元素，并且绑定事件的情况，实际的效果，发现最后一个元素的事件将会覆盖前面所有元素的事件，如下面的代码：for(inti=0;i<10;i...

写CSS代码时，先理清伪类和伪元素的用法区别，能让代码精简不少

点击上方蓝字关注“小郑搞码事”，每天都能学到知识，搞懂一个问题！今天，其实想谈一个问题，就是CSS选择器中的伪元素和伪类选择器。CSS的选择器确实很多，常见我们比较熟悉的ID，标签，class值等。但...

CSS 伪元素基础知识:before 与after (一)

最近因为一些网页的需要，需要比较深入的使用了CSS的「伪元素」(PseudoElement)，发现原来不只是用用before或after而已，可以玩的东西还真是不少，所以就来篇文章，把这些比...

CSS 中，::before 创建一个伪元素

CSS中，::before创建一个...

选中最后几个元素?分享 1 段优质 CSS 代码片段!

本内容首发于工粽号：程序员大澈，每日分享一段优质代码片段，欢迎关注和投稿！...