<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:dc="http://purl.org/dc/elements/1.1/">
  <channel>
    <title>DEV Community: Apple Sun</title>
    <description>The latest articles on DEV Community by Apple Sun (@crackerme).</description>
    <link>https://dev.to/crackerme</link>
    <image>
      <url>https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F929149%2F8303d790-05a7-4cba-84c3-6dd677c8c90b.png</url>
      <title>DEV Community: Apple Sun</title>
      <link>https://dev.to/crackerme</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://dev.to/feed/crackerme"/>
    <language>en</language>
    <item>
      <title>Answer: How do I use /deep/ or &gt;&gt;&gt; or ::v-deep in Vue.js?</title>
      <dc:creator>Apple Sun</dc:creator>
      <pubDate>Mon, 26 Sep 2022 09:50:48 +0000</pubDate>
      <link>https://dev.to/crackerme/answer-how-do-i-use-deep-or-or-v-deep-in-vuejs-3ec4</link>
      <guid>https://dev.to/crackerme/answer-how-do-i-use-deep-or-or-v-deep-in-vuejs-3ec4</guid>
      <description>&lt;div class="ltag__stackexchange--container"&gt;
  &lt;div class="ltag__stackexchange--title-container"&gt;
    
      &lt;div class="ltag__stackexchange--title"&gt;
        &lt;div class="ltag__stackexchange--header"&gt;
          &lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fassets.dev.to%2Fassets%2Fstackoverflow-logo-b42691ae545e4810b105ee957979a853a696085e67e43ee14c5699cf3e890fb4.svg" alt=""&gt;
          &lt;a href="https://stackoverflow.com/questions/48032006/how-do-i-use-deep-or-or-v-deep-in-vue-js/55368933#55368933" rel="noopener noreferrer"&gt;
            &lt;span class="title-flare"&gt;answer&lt;/span&gt; re: How do I use /deep/ or &amp;gt;&amp;gt;&amp;gt; or ::v-deep in Vue.js?
          &lt;/a&gt;
        &lt;/div&gt;
        &lt;div class="ltag__stackexchange--post-metadata"&gt;
          &lt;span&gt;Mar 27 '19&lt;/span&gt;
        &lt;/div&gt;
      &lt;/div&gt;
      &lt;a class="ltag__stackexchange--score-container" href="https://stackoverflow.com/questions/48032006/how-do-i-use-deep-or-or-v-deep-in-vue-js/55368933#55368933" rel="noopener noreferrer"&gt;
        &lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fassets.dev.to%2Fassets%2Fstackexchange-arrow-up-eff2e2849e67d156181d258e38802c0b57fa011f74164a7f97675ca3b6ab756b.svg" alt=""&gt;
        &lt;div class="ltag__stackexchange--score-number"&gt;
          481
        &lt;/div&gt;
        &lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fassets.dev.to%2Fassets%2Fstackexchange-arrow-down-4349fac0dd932d284fab7e4dd9846f19a3710558efde0d2dfd05897f3eeb9aba.svg" alt=""&gt;
      &lt;/a&gt;
    
  &lt;/div&gt;
  &lt;div class="ltag__stackexchange--body"&gt;
    
&lt;h3&gt;Vue 3 (and Vue 2.7)&lt;/h3&gt;
&lt;p&gt;In Vue 3, the &lt;code&gt;::v-&lt;/code&gt; prefix is now &lt;a href="https://v3.vuejs.org/api/sfc-style.html#deep-selectors" rel="noreferrer noopener"&gt;deprecated&lt;/a&gt; and we no longer need &lt;code&gt;&amp;gt;&amp;gt;&amp;gt;&lt;/code&gt;.  We can use the unified &lt;code&gt;:deep&lt;/code&gt; selector &lt;em&gt;whether using Sass or not&lt;/em&gt;, but now it's recommended to use parentheses with the selector.&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;Use &lt;code&gt;:deep(.child-class)&lt;/code&gt;&lt;/strong&gt;&lt;/p&gt;
&lt;pre class="lang-css prettyprint-override"&gt;&lt;code&gt;:deep(.child-class) {
    background-color: #000;&lt;/code&gt;&lt;/pre&gt;…
    
  &lt;/div&gt;
  &lt;div class="ltag__stackexchange--btn--container"&gt;
    &lt;a href="https://stackoverflow.com/questions/48032006/how-do-i-use-deep-or-or-v-deep-in-vue-js/55368933#55368933" class="ltag__stackexchange--btn" rel="noopener noreferrer"&gt;Open Full Answer&lt;/a&gt;
  &lt;/div&gt;
&lt;/div&gt;


</description>
    </item>
    <item>
      <title>welcome first post</title>
      <dc:creator>Apple Sun</dc:creator>
      <pubDate>Tue, 20 Sep 2022 10:41:24 +0000</pubDate>
      <link>https://dev.to/crackerme/welcome-first-post-1p5b</link>
      <guid>https://dev.to/crackerme/welcome-first-post-1p5b</guid>
      <description>&lt;blockquote&gt;
&lt;p&gt;The palest ink is better than the best memory!&lt;/p&gt;
&lt;/blockquote&gt;

&lt;p&gt;so, i need to write down any release blogs, hope i can keep good habit.&lt;/p&gt;

&lt;p&gt;enjoy dev_to&lt;/p&gt;

</description>
      <category>random</category>
    </item>
  </channel>
</rss>
