这个视频再来说两个大家用的比较少的伪类选择器，主要是用于input输入框获取焦点的时候触发的，这里写了一个文本输入框，还有一些简单的样式。现在获取焦点的时候就这样：

·如果希望当输入框获取到焦点的时候，可以设置一下样式，那这里就可以用focus这个伪类。比方当获取到焦点的时候，把默认的这个input给它设置为难。

·再来自定义一个边框，现在获取焦点还是默认的这种黑色的outline，刷新一下再次获取焦点，现在就变成设置的两个像素蓝色的边框了，这个选择器非常简单，大家记一下就可以了。

在CSS中选择器的作用是选择页面中某一类(类别选择器)元素或者某一个元素(id选择器),而jQuery中的"#34;作为选择器,同样是某一类或某一元素,只不过

jQuery提供了更多更全面的选择方式,并且为用户处理了浏览器的兼容问题。

例如:在CSS样式中 h2 a{ /* */}

而在jQuery则可以使用$("h2 a")

5个有用的 CSS 布局生成器

1、 cssgr.id

如果你是前端开发人员，这是一个非常有用的网站。你可以首先指定所需的行数和列数，或者在给定的选项中进行选择，然后为其生成代码。这使你可以专注于设计的其他方面而不是布局。

2、csslayout.io

有多种选择可供选择，这个网站是一个隐藏的宝石。有 102 种模式可供选择，这让我们的工作更轻松，令人赞叹。如果你是前端开发人员，你一定要看看这个网站，你会对可用的选项范围感到惊讶。

Excel如何设置选择项 (How to Set Up Dropdown Lists in Excel)

在Excel中，选择项（或下拉列表）是一种非常实用的功能，可以帮助用户在单元格中快速选择预定义的选项。这种功能不仅提高了数据输入的效率，还减少了输入错误的可能性。本文将详细介绍如何在Excel中设置选择项，包括创建下拉列表、使用数据验证、以及其他相关技巧。

一、创建下拉列表的基本步骤 (Basic Steps to Create a Dropdown List)

描述：

0. 默认进来显示"全选"，选框未选中
1. 选择"全选"选框，列表的选框全部选中，文字变成"全不选"

Checkbox 对象

Checkbox 对象代表一个 HTML 表单中的 一个选择框。

在 HTML 文档中 <input type="checkbox"> 每出现一次，Checkbox 对象就会被创建。

您可以通过遍历表单的 elements[] 数组来访问某个选择框，或者通过使用 document.getElementById() 。

首先需求是：

需求1:全选/全不选 多选框有一个单击事件,后面三个多选框的checked值跟随他.

需求2:下面那三个多选框,都有点击事件:

漂亮的 iOS 多选框

在 iPhone 大行其道的今天，用户已经逐渐将 iOS 系统的界面设计当成一种必然。而我们作为 FileMaker 的开发者，也要逐渐抛却只要功能而不要友好界面的观点。今天，小飞就教大家如何将 iOS 的多选框融入到 FileMaker 的系统。

多选框的运行机制

多选框通常是由已选和未选两个状态的按钮组成。当用户没有勾选时，就保留带有未选图标的按钮；而当用户点击未选图标按钮时，系统就自动隐藏未选图标按钮并显示已选按钮；点击已选按钮，就隐藏已选按钮并显示未选按钮。

多选框全选与全不选的实现

多选框全选与全不选是前端开发人员必学的案例了，这里完成了以下需求：

• 当用户勾上“全选”时，自动选中所有语言，并把“全选”变成“全不选”；
• 当用户去掉“全不选”时，自动不选中所有语言；
• 当用户点击“反选”时，自动把所有语言状态反转（选中的变为未选，未选的变为选中）；