使用CSS变量的干状态切换：错误和无效值

2021-07-19 16:00:03 other 阅读：603
脚本>编号卡片，其中偶数卡片相对于奇数卡片具有对称样式。 我们创建这些卡片，每个卡片都有一个段落元素***49***。我们把他们的***50***换成***51***，然后给他们一个***52***、一个***53***、一个***54***、一个***55***。我们还更改了默认的***56***。 我们还添加了一个虚拟轮廓，只是为了查看这些元素的边界。 下一步，让我们使用CSS计数器和一个***57***伪元素来添加编号： ***58*** ，我们将给我们的段落一个***59***的布局并增加编号的大小： ***60*** 现在是有趣的部分！ 我们设置了一个开关***61***用奇偶校验改变值-奇数项为***62***，偶数项为***63***。 ***64*** 接下来，我们希望奇数项的编号在左边，偶数项的编号在右边。我们通过***65***财产实现这一目标。对于***67***伪元素和段落的文本内容，此属性的初始值都是***66***。如果我们将这个***68***属性设置为***69***作为偶数元素的编号（***70***伪元素），那么这会将编号移到内容之后。 ***71*** 您可能会注意到，在这种情况下，***72***值与开关***73***值相同，因此为了简化事情，我们将***74***设置为开关值。 ***75*** 现在我们需要在数字和段落文本之间有一点间距（比如***76***）。这可以通过***78***上的横向***77***来实现。 对于奇数项目，项目编号在左侧，因此我们需要一个非零的***79***。对于偶数项目，项目编号在右边，因此我们需要一个非零的***80***。 奇数项目的奇偶开关值为***81***时，左边距为>，而右边距为=（1-0）*$gap 对于偶数项目，同样地，奇偶开关值为***82***时，左边距为>，右边距是=（1-1）*$gap 这两种情况下的结果都是***83***是奇偶校验开关值乘以边距值（***84***），而***85***是***86***减去奇偶校验开关值，都乘以边距值，然后最好将其设置为另一个CSS变量***89***. **90*** 下一步，我们想给这些项一个合适的***91***。这是一个灰色到橙色的渐变，对于奇数项（奇偶开关***93***）从左到右（或沿着***92***角），对于偶数项（奇偶开关***95***）从右到左（以***94***角）。 这意味着渐变角的绝对值是相同的（***96***），只有符号不同-奇数项（***98***）的符号是***97***，偶数项（***100***）的符号是***99***。 为了切换符号，我们使用第一篇文章中介绍的方法： ***101*** 这样，我们的代码变成： ***102*** 我们也可以删除虚拟轮廓，因为此时不需要它： 下一步，我们对***103***属性做了类似的操作。 奇数项向右平移一点（在x轴的正方向上）并顺时针（正）旋转一点，偶数项向左平移一点（在x轴的负方向上）并向另一个（负）方向旋转一点。 平移量和旋转量相同；只有符号不同。 对于奇数项，***104***链是： ***105*** 而对于偶数项，我们有： ***106*** 使用符号***107***变量，统一代码是： ***108*** 这现在看起来像是什么！ 下一步是把卡片的角弄圆。对于奇数卡片，我们希望左边的角被圆角到高度的一半。对于偶数项，我们希望右边的角被圆角到相同的半径。 因为我们不知道卡片的高度，我们只是使用了一个可笑的大值，比如说***109***，由于***110***的工作方式，它被缩小以适应。在我们的例子中，这意味着缩小到***111***（因为垂直方向上有一个顶部和底部圆角在同一侧）和***112***（因为水平方向上有一个圆角；在左侧或右侧，但不在右侧和左侧）之间的较小值。 这意味着我们对于奇数项（***114***），希望左侧的角具有此半径（***113***），对于偶数项（***115***），希望右侧的角具有相同的半径。作为一个资源

admin_action_{$_REQUEST[‘action’]}

do_action( "admin_action_{$_REQUEST[‘action’]}" )动作钩子：：在发送“Action”请求变量时激发。Action Hook: Fires when an ‘action’ request variable is sent.目录锚点：#说明#源码说明（Description）钩子名称的动态部分$_REQUEST['action']引用从GET或POST请求派生的操作。源码（Source）更新版本源码位置使用被使用2.6.0 wp-admin/admin.php:...

日期：2020-09-02 17:44:16 浏览：1159

admin_footer-{$GLOBALS[‘hook_suffix’]}

do_action( "admin_footer-{$GLOBALS[‘hook_suffix’]}", string $hook_suffix )操作挂钩：在默认页脚脚本之后打印脚本或数据。Action Hook: Print scripts or data after the default footer scripts.目录锚点：#说明#参数#源码说明（Description）钩子名的动态部分，$GLOBALS['hook_suffix']引用当前页的全局钩子后缀。参数（Parameters）参数类...

日期：2020-09-02 17:44:20 浏览：1060

customize_save_{$this->id_data[‘base’]}

do_action( "customize_save_{$this->id_data[‘base’]}", WP_Customize_Setting $this )动作钩子：：在调用WP_Customize_Setting：：save（）方法时激发。Action Hook: Fires when the WP_Customize_Setting::save() method is called.目录锚点：#说明#参数#源码说明（Description）钩子名称的动态部分，$this->id_data...

日期：2020-08-15 15:47:24 浏览：800

customize_value_{$this->id_data[‘base’]}

apply_filters( "customize_value_{$this->id_data[‘base’]}", mixed $default )过滤器：：过滤未作为主题模式或选项处理的自定义设置值。Filter Hook: Filter a Customize setting value not handled as a theme_mod or option.目录锚点：#说明#参数#源码说明（Description）钩子名称的动态部分，$this->id_date['base']，指的是设置...

日期：2020-08-15 15:47:24 浏览：887

get_comment_author_url

过滤钩子：过滤评论作者的URL。Filter Hook: Filters the comment author’s URL.目录锚点：#源码源码（Source）更新版本源码位置使用被使用 wp-includes/comment-template.php:32610...

日期：2020-08-10 23:06:14 浏览：925

network_admin_edit_{$_GET[‘action’]}

do_action( "network_admin_edit_{$_GET[‘action’]}" )操作挂钩：启动请求的处理程序操作。Action Hook: Fires the requested handler action.目录锚点：#说明#源码说明（Description）钩子名称的动态部分$u GET['action']引用请求的操作的名称。源码（Source）更新版本源码位置使用被使用3.1.0 wp-admin/network/edit.php:3600...

日期：2020-08-02 09:56:09 浏览：873

network_sites_updated_message_{$_GET[‘updated’]}

apply_filters( "network_sites_updated_message_{$_GET[‘updated’]}", string $msg )筛选器挂钩：在网络管理中筛选特定的非默认站点更新消息。Filter Hook: Filters a specific, non-default site-updated message in the Network admin.目录锚点：#说明#参数#源码说明（Description）钩子名称的动态部分$_GET['updated']引用了非默认的...

日期：2020-08-02 09:56:03 浏览：855

pre_wp_is_site_initialized

过滤器：：过滤在访问数据库之前是否初始化站点的检查。Filter Hook: Filters the check for whether a site is initialized before the database is accessed.目录锚点：#源码源码（Source）更新版本源码位置使用被使用 wp-includes/ms-site.php:93910...

日期：2020-07-29 10:15:38 浏览：825

WordPress 的SEO 教学：如何在网站中加入关键字（Meta Keywords）与Meta 描述（Meta Description）？

你想在WordPress 中添加关键字和meta 描述吗？关键字和meta 描述使你能够提高网站的SEO。在本文中，我们将向你展示如何在WordPress 中正确添加关键字和meta 描述。为什么要在WordPress 中添加关键字和Meta 描述？关键字和说明让搜寻引擎更了解您的帖子和页面的内容。关键词是人们寻找您发布的内容时，可能会搜索的重要词语或片语。而Meta Description则是对你的页面和文章的简要描述。如果你想要了解更多关于中继标签的资讯，可以参考Google的说明。Meta 关键字和描...

日期：2020-10-03 21:18:25 浏览：1695

谷歌的SEO是什么

SEO (Search Engine Optimization)中文是搜寻引擎最佳化，意思近于「关键字自然排序」、「网站排名优化」。简言之，SEO是以搜索引擎（如Google、Bing）为曝光媒体的行销手法。例如搜寻「wordpress教学」，会看到本站的「WordPress教学：12个课程…」排行Google第一：关键字：wordpress教学、wordpress课程…若搜寻「网站架设」，则会看到另一个网页排名第1：关键字：网站架设、架站…以上两个网页，每月从搜寻引擎导入自然流量，达2万4千：每月「有机搜...

日期：2020-10-30 17:23:57 浏览：1298