段时间亚马逊日本站出公告称，6月27日起卖家不能在详情页面上使用HTML代码，现在美国站卖家也即将不能使用HTML标签了，只是生效时间不一。

日本：6月27日起

美国：7月30日起

该公告随即引发了热议，许多亚马逊卖家在底下表达了自己的不满情绪。 为何该公告如此不受待见呢？

01

亚马逊再出公告

HTML标记即将失效!

6月30日，亚马逊美国站发布公告称，自2021年7月30日起，亚马逊将不再支持产品详情使用HTML标签。

亚马逊公告内容如下：

为帮助给客户提供更好的安全性，以及在非HTML设备上列出产品的多功能性，2021年7月30日之后，亚马逊将不再支持在产品详细页的产品描述中使用HTML标签。

因此，卖家如果有带有HTML标签的产品，则需要在2021年7月30日之前通过卖家中心或常用渠道来更新商品详情页面。

注意！如果7月30日之后仍未删除HTML标签，则产品详细页面上任何包含HTML标签的产品描述都将停止显示。

举例说明，如果你在产品描述的某一行中使用了HTML标签，则需要在截止日期之前将其删除。否则，该行将被删除或显示时不使用HTML格式，产品销售将受到影响。

02

引发嘲讽!

怎么换行？怎么加粗字体？

公告一出，引发大量卖家吐槽和疑问，可见这个限制有多么的不得民心！

吐槽：

我在一个多月前便提交了没有HTML标记或全部大写的产品详情页面，但是亚马逊截止到目前依然没有批准这些编辑。

卖家之家小编了解到，很多亚马逊卖家一直以来都是用HTML代码来编辑详情页，现在亚马逊不让卖家使用HTML了，多位卖家提出疑问：

亚马逊能不能描述具体一点。例如，如果没有bee-arr，listing如何实现换行和段落功能？

疑问1：

话说后续不能用HTML代码了，怎么分段呢，怎么加粗字体这些呢？

疑问2：

HTML标签被删除，整个描述部分都以粗体显示，只会让买家难以阅读。

疑问3：

众所周知，在上传产品时，为了变换一下商品描述的换行、颜色、斜体等，并让listing看起来更完美，卖家们会在产品描述使用一些常用HTML代码。

排版风格和排版水平对于亚马逊listing的运营非常重要。试想一下，如果消费者看到的listing是毫无美感，所有的文字都堆在一起，必然无法一眼获取到产品的卖点，转化率也将大大降低。

没使用HTML代码的卖家，产品描述的显示

使用了HTML代码的卖家，产品描述的显示

根据卖家之家了解，亚马逊是提醒卖家请勿在商品详情页面中使用 HTML、JavaScript 或其他类型的代码。但在特殊情况下，卖家可以在描述中根据需要使用换行符</br>。

对此，有卖家解读到：“亚马逊允许的换行标记不是来自 HTML，而是亚马逊的纯发明。在 HTML 中，使用<br>或<br/>。亚马逊要求</br>（注意斜线）。”

03

姐夫究竟想干嘛？

变相逼卖家搞品牌弄A+？

事实上，早在5月亚马逊美国站就发布过公告，提醒卖家朋友7月17日之后亚马逊详情页面不再支持使用HTML标签。

也就是说，现在亚马逊将生效时间推迟了2周。这一公告，也再次将品牌话题引燃。

大量猜测直指，亚马逊此更改的目的是通过进一步减少免费替代品来增加品牌注册和 A+ 内容的价值。

“亚马逊的意思是再给你点时间，赶紧去注册品牌使用A+”

“变相逼你搞品牌弄A+”

“亚马逊是在逼着卖家注册品牌，换A+，这是大势所趋”

“由于免费功能被迫变得更丑，因此希望更多人愿意为漂亮的功能付费”

“意思就是你们都给我交钱，备案，做品牌，做A+”

什么是A+页面？A+是通过图片和文字的组合提高商品宣传效果和增加转化展示在商品详情页面的商品描述。

值得一提的是，不同于其他国家的站点，A+页面对于亚马逊日本站卖家是全部免费开放的，但北美和欧洲站点卖家必须先完成亚马逊品牌注册，才能使用A+页面的丰富产品描述模版展示商品。

以美国站卖家为例，亚马逊Listing描述从7.30后不再允许使用HTML标记, 也就是说还不备案品牌的卖家，以后listing页面可能就是文字扎堆，视觉体验不舒服，卖点不突出，销量下降。

卖家们还是要早做准备，查看亚马逊公告内容及商品详情页规则，了解哪些HTML标签不可用，并自查listing，根据亚马逊指示尽早进行更改操作，以免政策生效后亡羊补牢为时已晚。

（卖家之家/编辑：yola）
声明：本文由卖家之家整理和编辑，转载本文不得修改标题及原文，并保留来源以及原文链接，否则我们将保留追索权利。

Vue项目中用的比较多的就是组件，为了实现组件的样式模块化。我们通常会在style标签中添加一个scoped属性，这样css样式只能作用于当前的Vue组件。使组件之间的样式相互独立，当调用该组件的时候就不会影响其他组件样式或者被其他组件中的样式所干扰。

什么是scoped

scoped是Vue中引入的处理样式属性，目的是使样式私有化（模块化），不对全局造成污染。使用该属性会在该为该组件自动添加一个唯一的属性为组件内的CSS 样式定作用域，该属性使用了data-v-hash（hash是随机的哈希值）的方式来对模块进行标识。当我们在组件的style标签中添加scoped属性后，Vue在对该组件进行编译后会组在件里面的dom元素中添加data-v-hash属性。

什么是scoped穿透

scoped的确很好用，但是并不是所有组件中的样式都能满足我们的项目需求，有时候我们还是希望根据项目需求适当的修改下组件中的样式。特别是当我们引用第三方组件库时，在不修改原组件样式的基础上对组件样式进行适当的调整。这就需要用到特殊的方式来穿透scoped属性，达到修改拥有scoped属性的组件中样式的目的。

使用 >>> 操作符

这是CSS中的一种深度作用选择器，如果你的CSS样式定义了scss/less等预处理器的话可能无法识别（stylus预处理器的样式可以穿透）。比如我引用了element中的el-popover组件，现在想重新定义el-popover组件中的样式。当使用普通的css样式来定义时就可以使用>>> 操作符来深度操作el-popover组件中的样式，如下所示：

使用 /deep/ 操作符

上面说了如果使用 >>> 操作符来深度操作子组件样式会失效，那么使用预处理器的时候该怎么办呢？如果你使用的是预处理器可以使用 /deep/ 操作符（/deep/的意思为深入的，深远的，是>>>操作符的别名），它跟 >>> 操作符作用一样可以用来对组件进行深度操作。

使用::v-deep操作符

如果在使用scss预处理器时无法使用 /deep/ 操作符来深度操作DOM元素（Vue cli3.0编译会报错：SassError: expected selector），这时可以考虑使用::v-deep操作符，这也是>>>操作符的别名，同样可以正常工作。

扩展：CSS中的特殊定位符号

在定义css样式的时候我们经常会用到一些特殊符号来定位DOM元素，方便快速定位到指定的DOM元素。下面是一些常用的特殊符号及说明：

总结：

建议：如果你使用的css/stylus模式可以使用>>> 操作符，如果使用less模式可以使用 /deep/ 操作符，如果使用sass/scss模式可以使用::v-deep操作符来实现深度作用选择器操作。

以上内容是小编给大家分享的Vue实战072：CSS样式中的各种深度作用选择器的使用，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。更多Vue实战技巧可以参考专栏：Vue实战系列，在此也非常感谢大家对小编的支持！

extEdit可以用于显示和编辑多行文本，它既可以显示纯文本也可以显示富文本，类似于

Qt中的QTextEdit。

TextEdit也有很多的属性和方法，其本身没有边框，和TextInput一样可以使用一个矩形作为其边框。

TextEdit默认为不换行，我们需要将wrapMode设置为TextEdit.Wrap，使它换行。设置clip防止其超出范围。

text属性则表示TextEdit中的文本内容。

虽然TextEdit可以显示富文本，但是默认是显示纯文本的，设置属性textFormat为TextEdit.RichText。

TextEdit没有实现滚动操作，因此当我们输入的内容超过最底部时就看不到了。

Qt官方给了一个解决方案，需要给TextEdit套一个Flickable。

程序通过监听TextEdit光标矩形属性，当它发生变化时实时改变Flickable的contentX和contentY属性。以确保显示最新的内容。

ensureVisible是js函数，QML支持在qml文件中加入javascript代码。

最后只要给TextEdit设置focus为true，让其获得焦点，一个正常的多行输入框就完成了。

---> 文章来源于我的个人博客：fearlazy
---> 编程是一件怎么也学不会的事情，但是如果能享受学习的过程也是挺好的。