Emmet 介紹 – 縮寫篇

縮寫這樣的編輯方式是Emmet的核心功能,可以在輸入簡短的代碼後轉換成結構複雜的HTML,而且使用方式跟使用CSS的選取器雷同,所以非常易於使用。例如:

page>div.logo+ul#navigation>li*5>a{Item $}
------

<div id="page">
    <div class="logo"></div>
    <ul id="navigation">
        <li><a href="">Item 1</a></li>
        <li><a href="">Item 2</a></li>
        <li><a href="">Item 3</a></li>
        <li><a href="">Item 4</a></li>
        <li><a href="">Item 5</a></li>
    </ul>
</div>

以下分別介紹各種不同的縮寫撰寫模式

子結構:>

div>ul>li
------

<div>
    <ul>
        <li></li>
    </ul>
</div>

同層結構:+

div+p+bq
------

<div></div>
<p></p>
<blockquote></blockquote>

上一層:^

div+div>p>span+em^bq
------

<div></div>
<div>
    <p><span></span><em></em></p>
    <blockquote></blockquote>
</div>
div+div>p>span+em^^^bq
------

<div></div>
<div>
    <p><span></span><em></em></p>
</div>
<blockquote></blockquote>

乘法:*

ul>li*5
------

<ul>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
</ul>

分組:( )

div>(header>ul>li*2>a)+footer>p
------

<div>
    <header>
        <ul>
            <li><a href=""></a></li>
            <li><a href=""></a></li>
        </ul>
    </header>
    <footer>
        <p></p>
    </footer>
</div>
(div>dl>(dt+dd)*3)+footer>p
------

<div>
    <dl>
        <dt></dt>
        <dd></dd>
        <dt></dt>
        <dd></dd>
        <dt></dt>
        <dd></dd>
    </dl>
</div>
<footer>
    <p></p>
</footer>

項目編號:$

ul>li.item$*5
------

<ul>
    <li class="item1"></li>
    <li class="item2"></li>
    <li class="item3"></li>
    <li class="item4"></li>
    <li class="item5"></li>
</ul>
ul>li.item$$*5
------

<ul>
    <li class="item001"></li>
    <li class="item002"></li>
    <li class="item003"></li>
    <li class="item004"></li>
    <li class="item005"></li>
</ul>
ul>li.item$@-*5
------

<ul>
    <li class="item5"></li>
    <li class="item4"></li>
    <li class="item3"></li>
    <li class="item2"></li>
    <li class="item1"></li>
</ul>
ul>li.item$@3*5
------

<ul>
    <li class="item3"></li>
    <li class="item4"></li>
    <li class="item5"></li>
    <li class="item6"></li>
    <li class="item7"></li>
</ul>
ul>li.item$@-3*5
------

<ul>
    <li class="item7"></li>
    <li class="item6"></li>
    <li class="item5"></li>
    <li class="item4"></li>
    <li class="item3"></li>
</ul>

內容:{ }

a{Click me}
------

<a href="">Click me</a>
p>{Click }+a{here}+{ to continue}
------

<p>Click <a href="">here</a> to continue</p>

ID and Class

div#header+div.page+div#footer.class1.class2.class3
------

<div id="header"></div>
<div class="page"></div>
<div id="footer" class="class1 class2 class3"></div>

自訂屬性

td[title="Hello world!" colspan=3]
------

<td title="Hello world!" colspan="3"></td>

You may also like...

19,460 Responses

  1. RandallLoone表示:

    Indian pharmacy international shipping: indian pharmacy – IndianPharmacyAbp

  2. RandallLoone表示:

    Indian pharmacy international shipping: Best online Indian pharmacy – Online medicine home delivery

  3. MorganThymn表示:

    Best Indian pharmacy: Indian Pharmacy Abp – Indian Pharmacy Abp

  4. Manuelgript表示:

    https://indianpharmacyabp.com/# Online medicine order
    mexican rx online

  5. ErnestgeoFt表示:

    https://indianpharmacyabp.shop/# Online medicine home delivery
    buy medicines online in india

  6. ErnestgeoFt表示:

    http://canadianpharmacyaapd.com/# reputable canadian pharmacy
    india online pharmacy

  7. Manuelgript表示:

    https://mexicanpharmacyacp.shop/# mexican pharmacy acp
    mexican online pharmacies prescription drugs

  8. RandallLoone表示:

    canadian pharmacy 365: canadian pharmacy no scripts – canada rx pharmacy

  9. Manuelgript表示:

    http://indianpharmacyabp.com/# Online medicine home delivery
    best online pharmacies in mexico

  10. Charlescek表示:

    buying prescription drugs in mexico mexican pharmacy acp mexican pharmacy acp

  11. RandallLoone表示:

    mexican pharmacy acp: п»їbest mexican online pharmacies – mexico pharmacies prescription drugs

  12. Charlescek表示:

    canadian world pharmacy Canadian Pharmacy AAPD cross border pharmacy canada

  13. RandallLoone表示:

    canada pharmacy online legit: canadian drug pharmacy – cheap canadian pharmacy online

  14. ErnestgeoFt表示:

    http://mexicanpharmacyacp.com/# mexican pharmacy acp
    Online medicine home delivery

  15. MorganThymn表示:

    mexican pharmacy acp: mexico drug stores pharmacies – п»їbest mexican online pharmacies

  16. Manuelgript表示:

    https://canadianpharmacyaapd.shop/# canadian pharmacy phone number
    purple pharmacy mexico price list

  17. kkpline.kr表示:

    Is Hydroquinone Safe For Skin? Here’s The Real Answer

    Trending Searches: Hydroquinone has been a hot topic in the beauty and skincare world
    lately, with many users curious about its safety and effectiveness.

    Popular Products: From serums to creams, hydroquinone is often found in products that claim to lighten skin tone and reduce
    dark spots. But how safe is it really?

    DON’T MISS – Most Popular: The debate over hydroquinone’s safety has been ongoing for years, with some users singing its praises while others
    warn of potential risks.

    Featured Products: Check out the latest skincare products
    featuring hydroquinone and see what all the buzz is about.

    SUBSCRIBE

    Is Hydroquinone Safe for Skin? Here’s the REAL Answer

    The question on everyone’s mind is whether hydroquinone
    is safe to use on the skin. While it has been a staple in skincare routines for many, its safety
    has come under scrutiny in recent years.

    Hydroquinone: What’s The Hype?

    Hydroquinone is a versatile ingredient known for its ability to
    reduce melanin production, which can lead to lighter skin tone and reduced dark spots.
    It’s often compared to more expensive treatments like laser therapy
    or chemical peels, making it an attractive option for many.

    The FDA Ban: When Things Went South

    However, the FDA has raised concerns about hydroquinone
    in the past. In 2006, the agency warned that hydroquinone could cause skin damage and was not
    safe for long-term use. This led to a temporary
    ban on its importation in some countries.

    Why The Ban? Let’s Dig Deeper

    The ban wasn’t arbitrary; there were valid reasons behind
    it. Studies have shown that hydroquinone can lead to skin discoloration, uneven pigmentation, and even cancerous growths when used over long periods of time.
    While some people swear by its effectiveness, the potential risks
    are not worth ignoring.

    Potential Side Effects: The Ugly Truth

    One of the most concerning side effects of hydroquinone is
    its ability to cause a condition called exogenously administered monobenzene dermatosis.
    This can lead to severe skin damage, including thickening of the skin and the development of warts or tumors.

    Trust Us: You Don’t Want This On Your Skin

    While hydroquinone might offer short-term benefits, the long-term consequences
    are simply too risky. The potential for serious health
    issues far outweighs any cosmetic gains.

    The Alternatives: Because Not All Heroes Wear Capes

    If you’re concerned about skin discoloration but hesitant to use hydroquinone, there are plenty of safer alternatives available.
    Ingredients like vitamin C, niacinamide, and alpha arbutin can also help lighten skin and reduce dark spots without the same risks.

    Applying Hydroquinone Safely: Prescription Power

    For those who still choose to use hydroquinone, it’s crucial to approach it with caution. It should only be used under medical supervision, as even small doses can lead to significant side effects.

    What The Experts Say: Science Speaks

    Experts in dermatology and cosmetic surgery have repeatedly warned against the
    use of hydroquinone for extended periods. They emphasize that while it might work
    for some, the dangers far outweigh any benefits.

    Balanced Views: Pros and Cons

    While hydroquinone does have its champions, there are just as many
    detractors who argue that the risks simply aren’t worth the results.
    It’s a polarizing ingredient, with no universal
    agreement on its safety or efficacy.

    The Real-World Stories: Users Speak Out

    Many users share their experiences online, with some praising hydroquinone for its ability
    to fade dark spots quickly. However, others report negative side effects, including
    skin irritation and discoloration. These real-world stories highlight the variability of
    results.

    The Enthusiast-Turned-Cautious

    Some users initially embraced hydroquinone but
    later became cautious after experiencing side effects or learning about
    the potential risks. This shift in attitude underscores the importance of being
    informed before using any skincare product.

    The Pragmatic Optimist

    For those who are unsure, a pragmatic approach is key.
    Testing a small area of skin before fully committing to hydroquinone
    can help assess personal tolerance and effectiveness.

    Key Takeaways: Wrapping It Up

    While hydroquinone has its fans, the potential risks are too significant to ignore.

    For most people, safer alternatives are a better choice when it comes to
    skin health.

    Final Words: Your Skin Deserves Better

    Your skin is your largest organ, and it deserves protection from harm.
    Hydroquinone may offer temporary benefits, but the long-term consequences are
    not worth the risk. Always prioritize products that are safe and effective for your unique needs.

    Learn More

    Discover more about skincare ingredients and their impact on your skin health.
    Stay informed and make decisions that align with your wellness goals.

    Shop

    Explore our selection of high-quality skincare products designed to enhance your natural beauty.
    We’ve got you covered from head to toe!

    Fun Stuff

    Indulge in some retail therapy with our curated collection of must-have items.
    Whether it’s fashion, beauty, or home decor, we
    have something for everyone.

    Support

    Join our community and support the brands that support you.

    Together, we can make a difference and help others
    on their journey to greatness!

    Sign Up for Our Newsletter

    Stay updated on the latest trends, product launches, and wellness tips.
    Don’t miss out on exclusive offers and updates!

    STAY CONNECTED

    Follow us on social media to stay in the loop with all things beauty, skincare,
    and lifestyle. Share your thoughts and experiences with our community!

    Shop the Look

    Find the perfect products to match your style and preferences.
    We’ve got you covered from head to toe!

    Choose Options

    Select your preferred options for a personalized experience.
    Customize your routine to meet your unique needs!

    Recently Viewed

    Keep track of your browsing history to easily revisit products and inspiration that catch your eye.

    Social

    Browse through social media trends, tutorials, and more.
    Stay inspired and informed!

    Trending Searches

    Hydroquinone remains a trending topic in the beauty
    space, with many seeking answers about its safety
    and alternatives.

    Popular Products

    Explore popular products featuring hydroquinone and other skincare
    essentials. Shop now to discover your new favorites!

    Trending Searches

    Stay updated on the latest trends and topics in beauty, skincare, and lifestyle.

    Popular Products

    Check out our best-selling items that are loved by our community.
    You won’t want to miss these!

    Here is my page :: pictures of anabolic steroids (kkpline.kr)

  18. Manuelgript表示:

    http://indianpharmacyabp.com/# best india pharmacy
    medicine in mexico pharmacies

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。