当HTML 中有多个class属性会出现什么问题
当一个元素有多个class
属性时会发生什么?
<div id="test" class="one two three" class="four">
我正在尝试向post_class();
的输出添加一个类post_class();
在 WordPress 插件中,但函数本身正在创建整个部分class="one two three"
相当于class="one two three four"
吗? 还是第一次或第二次获胜? 或者它是未定义的行为,在这种情况下主要浏览器会做什么?
如果您知道将类添加到此代码段(WordPress 插件)的正确方法,那么也将不胜感激!
<div id="post-<?php the_ID(); ?>" <?php post_class(); ?>>
解决方案
当一个元素有多个类属性时会发生什么?
当为单个元素多次声明属性时(顺便说一下,这是无效的 HTML),行为方面的第一个值将覆盖同一属性的所有后续值。 因此,在这种情况下,您的元素将只有类one two three
。
这种行为在HTML5 规范 8.2.4.35 属性名称状态中进行了解释,“…如果 [元素] 上已经有一个具有完全相同名称的属性,那么这是一个解析错误,必须删除新属性……”
如果您知道将类添加到此代码段(WordPress 插件)的正确方法,那么也将不胜感激!
通常,如果您需要向 WordPress 帖子动态添加自定义类,您可以连接post_class
过滤器并根据需要操作$classes
数组。 这是它在我的主题中的大致样子:
function nv_post_class( $classes ) {
// Most recent post on the front page
global $count;
if ( is_home() && 1 == $count )
$classes[] = 'latest-post';
return $classes;
}
add_filter( 'post_class', 'nv_post_class' );
如果您只需要添加一个或多个静态类,请将它们作为空格分隔的字符串直接传递给post_class()
:
<div id="post-<?php the_ID(); ?>" <?php post_class( 'myclass1 myclass2' ); ?>>
然后文档将无效,浏览器将尝试执行错误恢复。
如果属性的名称已经在属性列表中,则返回到标记为属性的步骤。
因此,如果正在使用 HTML 5 解析器,则应应用第一个属性。
你可能还喜欢下面这些文章

//demo.imwpweb.com/wpnovo/多设备支持主题支持PC和移动端界面,独立设置,互不干扰。移动端首页(右)图:小说页面PC端和移动端的展示付费订阅主题支持付费订阅功能,支持付费单章订阅、整本小说订阅模式。

什么是内链内链,顾名思义就是在同一网站域名下的内容页面之间的互相链接(自己网站的内容链接到自己网站的内部页面,也称之为站内链接)。自动内链工作原理简单来说,我们设定一些词表以及词表对应的链接,比如词是wordpress插件,链接是http

这款插件的核心功能就是一点:找出文章中的违禁词、敏感词等措辞不当的词语,替换成你设置的更合适的词或者直接替换“*”号。请注意,需要同时下载站长工具箱和违禁词屏蔽插件,安装插件时也需要两个插件同时安装。

2、自动生成的图片并非真实在磁盘中的图片,而是动态生成的,如果保存到磁盘会占用大量空间,这个空间没必要浪费,因此修改主题代码,直接将缩略图的地址改为wpac自动生成的缩略图地址是一个非常好的方案。

wprec利用相似度算法计算每篇文章之间的相似度,找到与当前文章最相似的一些文章,展现在文章底部作为相关文章。我们知道,相关推荐插件推荐的原理是根据当前文章的特征(文章的高权重标签),从文章库中召回相关文章,再根据相关性评分,最后选出To