按照css的定位,不应该有单独和用户的能力。
但是因为有些伪选择器的存在,即使不借助于JS,也能一定范围内和用户产生交互。
:active 当用户点击link,button时这个选择器将有效。通常button的按下特效由这个选择器来实现
:checked 当用户选择了某个input组件,比如checkbox,select里的option时这个选择器将有效。网上的switcher几乎都是用这个选择器实现的。
:focus 当用户把焦点放到某个input组件时,这个选择器将有效。很多输入框输入时的特效用这个选择器。
:hover 当用户把鼠标悬停在某个组件上时,这个选择器将有效。几乎所有的pure css dropdown menu都是用这个选择器实现的。
:invalid :valid 这两个是一对,当input的输入是无效或有效时,这两个选择器分别有效。有些模拟Google Material Design输入框的特效用了这个选择器,但是由于这个选择器代表的是有效,所以不能用在type=email
一类的input输入框里,否则即使输入了,只要是无效输入,valid选择器也不会有效。另外对于textarea组件无效。
:target 当用户点击了页内锚点,这个锚点会使用这个选择器。由于会在页面跳转,不大好控制。
css里还有一些其他的伪选择器,但是因为都是静态的,也就是说无法跟用户产生交互,所以没有办法通过交互产生样式变换。
相关推荐
雅虎的pure css免费响应式前端框架
Pure是一个简单、实用的CSS框架,鉴于目前网上对pure的资料比较少,所以我想把使用pure的一些经验介绍给大家,相信你看完本文后也会爱上pure。 Pure包含多个模块:Base(基本样式)、Grids(网格系统)、Forms(表单)、...
利用jQuery与PureCSS实现的可编辑表格源码.zip 利用jQuery与PureCSS实现的可编辑表格源码.zip 利用jQuery与PureCSS实现的可编辑表格源码.zip
仿支付宝橙色导航菜单,可再开发,二次开发。
Pure css implemented menu, add .html subfix.
这是一款十分简单的jQuery+PureCSS实现的可编辑表格插件,点击table表格的单元格对文字内容进行修改,再在单元格外随意点击一下即可保存。
使用purecss制作的一个基本的admin后台模板。支持IE8+、chrome、firefox等主流浏览器
纯 CSS 您可以在每个 Web 项目中使用的一组小型响应式 CSS 模块。 使用 Atmospherejs 安装 流星安装 flaviocopes:purecss 变更日志 2015.05.08:第一个版本,PureCSS 0.6.0
今天要介绍的一款jQuery是一个可编辑的表格,它的实现非常简单,主要利用了jQuery插件和PureCSS插件,简单的引用和初始化JavaScript语句即可让网页上的table表格可以自定义编辑,非常实用。
NULL 博文链接:https://justcoding.iteye.com/blog/1103120
纯洁Pure 是一组小型的响应式 CSS 模块,您可以在雅虎开发团队实现的每个 Web 项目中使用它们。 这个 gem 将 Pure CSS 0.5.0 添加到 Rails ... 注意: 使用 gem 与 purecss 分页样式集成。安装将此行添加到应用程序的
npm和纱线要安装purecss-sass npm软件包,请执行以下命令: $ npm install purecss-sass如果您使用的是Yarn: $ yarn add purecss-sassRuby on Rails 打开您的Gemfile并添加以下行: gem 'purecss-sass' 保存Gemfile...
NULL 博文链接:https://wenyier.iteye.com/blog/2220799
在Pure最重要的特征中,我应当提到,它是一个基于著名的Normalize.css的基础库,一个支持定制的CSS文件,使浏览器更加一致的渲染所有网站元素,并且符合现代标准,有助于修复跨浏览器兼容性的问题(这种问题经常遇到...
用CSS制作TabMenu. 不过是英文的.
Nice template for contact forms using pure CSS
具体效果查看该https://www.html5tricks.com/demo/pure-css3-lighter/index.html
纯CSS网站展示的网站。从本地运行分支这是一个使用Express.js的node.js网站,这意味着在本地运行非常容易。 $ npm install$ npm start自动构建浏览器资产该站点使用集成的构建过程。 当网站以开发模式运行时,...
该项目正在寻找维护者来支持和增强Pure.css。 如果您有兴趣,请在Github问题上。 产品特点 Pure是每个网站或Web应用程序的起点。 我们会照顾每个站点所需的所有CSS工作,而不会使其显得千篇一律: 可以根据您的...