段時間亞馬遜日本站出公告稱，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
---> 編程是一件怎么也學不會的事情，但是如果能享受學習的過程也是挺好的。