<?xml version="1.0" encoding="utf-8"?><rss xmlns:dc="http://purl.org/dc/elements/1.1/" version="2.0"><channel><title>化妆服务</title><link>http://www.sclingchen.com/</link><description>外贸</description><item><title>Phishing做外贸fake shop/DMCA/Fraud/Counterfeit Sales/Fake Webshop/cloudflare独立网站忽略投诉</title><link>http://www.sclingchen.com/post/159.html</link><description>&lt;p&gt;&lt;span style=&quot;text-wrap: nowrap;&quot;&gt;做外贸经常碰到这些邮件投诉：&lt;/span&gt;&lt;/p&gt;&lt;p&gt;&lt;span style=&quot;text-wrap: nowrap;&quot;&gt;fake shop/DMCA/Phishing/Fraud/Counterfeit Sales/Fake Webshop/cloudflare&lt;/span&gt;&lt;/p&gt;&lt;p&gt;&lt;span style=&quot;text-wrap: nowrap;&quot;&gt;然后服务器就关闭了。&lt;/span&gt;&lt;/p&gt;&lt;p&gt;&lt;span style=&quot;text-wrap: nowrap;&quot;&gt;联系我们，用我们的服务器，我们帮你统统忽略了。&lt;/span&gt;&lt;/p&gt;&lt;p&gt;&lt;span style=&quot;text-wrap: nowrap;&quot;&gt;安心做外贸。&lt;/span&gt;&lt;/p&gt;&lt;p&gt;&lt;span style=&quot;font-size: 20px; color: #FF0000;&quot;&gt;我们是卖独立网站服务器的，专门用于外贸用途。&lt;/span&gt;&lt;/p&gt;&lt;p&gt;&lt;img src=&quot;http://www.sclingchen.com/zb_users/upload/2023/11/202311051699164286102360.jpg&quot; style=&quot;&quot; title=&quot;111.jpg&quot;/&gt;&lt;/p&gt;&lt;p&gt;&lt;img src=&quot;http://www.sclingchen.com/zb_users/upload/2023/11/202311051699164287109681.png&quot; style=&quot;&quot; title=&quot;222.png&quot;/&gt;&lt;/p&gt;&lt;p&gt;&lt;img src=&quot;http://www.sclingchen.com/zb_users/upload/2023/11/202311051699164287165655.png&quot; style=&quot;&quot; title=&quot;444.png&quot;/&gt;&lt;/p&gt;&lt;p&gt;&lt;img src=&quot;http://www.sclingchen.com/zb_users/upload/2023/11/202311051699164287190919.png&quot; style=&quot;&quot; title=&quot;555.png&quot;/&gt;&lt;/p&gt;&lt;p&gt;&lt;img src=&quot;http://www.sclingchen.com/zb_users/upload/2023/11/202311051699164286212939.png&quot; style=&quot;&quot; title=&quot;333.png&quot;/&gt;&lt;/p&gt;</description><pubDate>Sun, 05 Nov 2023 14:03:27 +0800</pubDate></item><item><title>百年靈最受歡迎最火熱的錶款繫列海陸空全能</title><link>http://www.sclingchen.com/post/158.html</link><description>&lt;p&gt;&amp;nbsp; &amp;nbsp; 如果在十年前跟大家，提起百年靈最受歡迎最火熱的錶款繫列，錶友們肯定第一反應都會是航空計時腕錶Navitimer，當年的百年靈與飛行領域的聯繫，可以說是深入人心，但時過境遷，十年後的今天，如果再讓錶友票選百年靈最受歡迎的錶款，我想就會是機械計時CHRONOMAT。&lt;/p&gt;&lt;p&gt;&lt;img src=&quot;http://www.sclingchen.com/zb_users/upload/2023/06/202306071686147753378535.png&quot; title=&quot;1.png&quot; alt=&quot;1.png&quot;/&gt;&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp; 關於百年靈機械計時這幾年的大熱，其實我們是要從現任百年靈CEO喬治·科恩（Georges Kern）入主品牌開始聊起，當年入主品牌的第一件事，喬治·科恩就決定對原來百年靈品種繁多的腕錶種類，進行精簡。精簡的過程中，也就在2020年推出了，新一代的機械計時腕錶。&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp; 機械計時，Chronomat，它的英文名稱說明白了就很好理解，由計時的英文Chronograph，跟自動上弦automatic，這兩個單詞簡單前後組合了一下。&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp; 機械計時繫列腕錶在百年靈的歴史長河中佔有重要地位。該繫列於1984年問世，正值石英錶風行之時，但百年靈逆風而行，專門通過與意大利空軍三色箭飛行錶演隊，打造了一只使用機械機芯的計時飛行錶。也正是這種大膽嘗試，讓機械計時，成為了那個時代的標誌性腕錶作品。&lt;/p&gt;&lt;p&gt;機械計時，兩大特點&amp;nbsp;&amp;nbsp;&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp; 機械計時自誕生以來，就擁有兩大標誌性設計元素，其一是在計時錶圈上，能明顯看到有個特別的凸起數字刻度金屬塊設計，一共四個，它的作用是用來保護錶鏡的，我理解是，如果妳錶存在直接掉落的情況，先接觸硬物的，肯定是金屬塊，而不是錶鏡直接拍在地上。其二是就是腕錶所採用的特殊輥珠錶鏈，也就是錶友俗稱的“子彈鏈”。&lt;/p&gt;&lt;p&gt;&lt;img src=&quot;http://www.sclingchen.com/zb_users/upload/2023/06/202306071686147765124046.png&quot; title=&quot;2.png&quot; alt=&quot;2.png&quot;/&gt;&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp; 新一代機械計時，完美承襲了這兩個特點設計，同時它還重點加強了錶頭、錶鏈的一體設計。所以新機械計時，會給人感覺，設計上，還有點往豪華運動錶風格上靠，但它更全能，這點我們後邊說，且出色的外觀設計，還能讓它完美兼容皮帶和橡膠帶，駕馭不同風格，像是豪華運動錶，還真少不了多材質錶帶的補充。&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp; 腕錶在殼體處理上，大面積拉絲配棱角邊緣細節的拋光處理，多重修飾交替，這其實也是彰顯腕錶豪華屬性的設計。&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp; 全新的百年靈機械計時相比較老款的大尺寸，錶徑縮小到了42毫米更加適合日常佩戴，從原來一度機械計時的巨大47毫米大錶風潮，回歸了小錶徑，設計上也相較老款更加精致協調，但也不失老款硬朗設計精髓，這點百年靈我認為做的非常好。&lt;/p&gt;&lt;p&gt;&lt;img src=&quot;http://www.sclingchen.com/zb_users/upload/2023/06/202306071686147777114668.png&quot; title=&quot;3.png&quot; alt=&quot;3.png&quot;/&gt;&lt;/p&gt;&lt;p&gt;海陸空全能&lt;/p&gt;&lt;p&gt;作為專業計時錶，但剛才我說它就是海陸空全能，為什麽能這麽說？&lt;/p&gt;&lt;p&gt;咱們一點一點看，先說空，機械計時剛才也說了，這錶本來就是給意大利飛行錶演隊打造的，飛行錶是它的設計起源，所對於飛行錶最關鍵的設計因素，既是辯讀性，必須要讀時清晰，方便飛行員僅需一撇就能辨別時間。無論新款老款，這種長條狀時標，寬大的指針，塗覆的夜光塗料都有很好的辯讀性，也即便新款尺寸、盤面小了，但這方面錶現依舊出色。&lt;/p&gt;&lt;p&gt;而陸，指的是賽車車隊也青睞機械計時的測速圈功能。&lt;/p&gt;&lt;p&gt;海洋，則是百年靈機械計時給人意想不到的驚喜了，新款腕錶的旋入式錶冠配有雙密封墊，結合旋入式底蓋設計，可讓腕錶整體防水性能達200米，讓它擁有堪比潛水錶的防水能力。&lt;/p&gt;&lt;p&gt;買頂級手錶上&lt;a href=&quot;http://www.top-biao.com&quot; target=&quot;_self&quot;&gt;www.top-biao.com&lt;/a&gt;：&lt;a href=&quot;http://www.top-biao.com&quot; target=&quot;_self&quot;&gt;高仿手錶&lt;/a&gt; &lt;a href=&quot;http://www.top-biao.com&quot; target=&quot;_self&quot;&gt;複刻手錶&lt;/a&gt; &lt;a href=&quot;http://www.top-biao.com&quot; target=&quot;_self&quot;&gt;精仿手錶&lt;/a&gt; &lt;a href=&quot;http://www.top-biao.com&quot; target=&quot;_self&quot;&gt;高仿錶&lt;/a&gt; &lt;a href=&quot;http://www.top-biao.com&quot; target=&quot;_self&quot;&gt;複刻錶&lt;/a&gt; &lt;a href=&quot;http://www.top-biao.com&quot; target=&quot;_self&quot;&gt;精仿錶&lt;/a&gt;&lt;/p&gt;</description><pubDate>Wed, 07 Jun 2023 22:08:27 +0800</pubDate></item><item><title>更現代、更運動外觀的真力時與飛行錶的淵源</title><link>http://www.sclingchen.com/post/157.html</link><description>&lt;p&gt;&amp;nbsp; &amp;nbsp; 真力時與飛行錶的淵源由來已久，早在上世紀30至40年代生產過不少此類錶款，但介於種種原因未能一直延續。直至2009年品牌以歴史作品為靈感，推出TPYE 20復古飛行員繫列腕錶，讓這個塵封已久的品類重回玩家視野。本次亮相的2023新款飛行員繫列腕錶，一改前代的復古風格，轉變為更現代、更運動的外觀。包括錶殼、盤面在內的多項細節均經過重新設計，十分契合時下的流行趨勢。&lt;/p&gt;&lt;p&gt;&lt;img src=&quot;http://www.sclingchen.com/zb_users/upload/2023/06/202306071686146818233832.png&quot; title=&quot;1.png&quot; alt=&quot;1.png&quot;/&gt;&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp; 新款真力時飛行員最大的特點在於嚮豪華運動錶靠攏。作為目前熱門品類之一，其受歡迎程度不言而喻。此前發售的DEFY SKYLINE正是真力時豪華運動鋼錶的代錶之作，憑借獨特的1/10小秒盤給玩家留下深刻印象；如今新款飛行員腕錶以拉絲錶圈與凹紋盤面，帶來了豪華的觀感。&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp; 腕錶採用40.5毫米錶徑，是目前廣為使用的男錶尺寸之一，符合多數玩家的使用習慣。我們知道前代飛行員TYPE 20繫列提供40和45毫米兩種尺寸選擇，但對於45毫米版本，併非有所的玩家都能輕鬆駕馭，因此新款僅保留40.5毫米款。&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp; 錶耳與錶殼一體成型，錶圈使用相同的垂直拉絲紋打磨。可以看到，錶圈邊緣倒角還進行了拋光處理，兩種不同的工藝相互襯托，增添了更多的細節感。&lt;/p&gt;&lt;p&gt;&lt;img src=&quot;http://www.sclingchen.com/zb_users/upload/2023/06/202306071686146832291700.png&quot; title=&quot;2.png&quot; alt=&quot;2.png&quot;/&gt;&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp; 一枚優異的飛行腕錶，清晰明亮的夜光當然不可或缺，這有助於在夜間飛行或光線昏暗環境中讀取時間。新款飛行員腕錶延續了繫列優秀的夜光效果，整點阿拉伯數字時標、時分秒針均覆蓋Super-LumiNova夜光物料。&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp; 新款的錶盤為橫嚮凹紋，日歴窗口設於6點鐘方嚮。前代飛行員TYPE 20腕錶使用的是“蛇頭針”，具有強烈的復古感。新款PILOT飛行員由於風格的轉變，指針造型也變得更現代。&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp; 盤面6點位上方標註有“PILOT”字樣，與經典作品一脈相承。早在1888真力時就註冊了法文單詞“Pilote”為商標，隨後又在1904年註冊了英文“Pilot”商標。因此錶盤中印制“PILOT”，正是真力時飛行員腕錶的特點之一。&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp; 圓錐型錶冠常見於飛行錶，與洋蔥頭錶冠有著異曲同工之妙。這種錶冠最初的用意在於增大與手指的接觸面積，便於佩戴手套使用。如今已成為一項極具辨識度的設計。&lt;/p&gt;&lt;p&gt;&lt;img src=&quot;http://www.sclingchen.com/zb_users/upload/2023/06/202306071686146844211569.png&quot; title=&quot;3.png&quot; alt=&quot;3.png&quot;/&gt;&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp; 高振頻機芯是真力時腕錶的特色，自上世紀60年代起品牌就主推El Primero高振頻機芯，這款新品自然也不例外。所謂振頻即擺輪每小時擺動的次數，主流機芯的振頻普遍採用28800vph，超過該數值即可稱為高振頻機芯。通常而言，振頻越高意味著機芯所能指示的精度也就越高。以28800vp機芯為例，其指示精度為1/8秒，而36000vph機芯的指示精度可達1/10秒，這便是它的優勢所在。高振頻意味著更大的動力消耗，因此以往的高振頻機芯動儲普遍較短。新作搭載El Primero 3620機芯動儲達到了60小時，即使放在常規振頻機芯中亦屬優秀水平。&lt;/p&gt;&lt;p&gt;買頂級手錶上&lt;a href=&quot;http://www.top-biao.com&quot; target=&quot;_self&quot;&gt;www.top-biao.com&lt;/a&gt;：&lt;a href=&quot;http://www.top-biao.com&quot; target=&quot;_self&quot;&gt;高仿手錶&lt;/a&gt; &lt;a href=&quot;http://www.top-biao.com&quot; target=&quot;_self&quot;&gt;複刻手錶&lt;/a&gt; &lt;a href=&quot;http://www.top-biao.com&quot; target=&quot;_self&quot;&gt;精仿手錶&lt;/a&gt; &lt;a href=&quot;http://www.top-biao.com&quot; target=&quot;_self&quot;&gt;高仿錶&lt;/a&gt; &lt;a href=&quot;http://www.top-biao.com&quot; target=&quot;_self&quot;&gt;複刻錶&lt;/a&gt; &lt;a href=&quot;http://www.top-biao.com&quot; target=&quot;_self&quot;&gt;精仿錶&lt;/a&gt;&lt;/p&gt;</description><pubDate>Wed, 07 Jun 2023 22:01:40 +0800</pubDate></item><item><title>鑲嵌精美寶石的腕錶可謂是女性人士的“不二之選”</title><link>http://www.sclingchen.com/post/156.html</link><description>&lt;p&gt;&amp;nbsp; &amp;nbsp; 鉆石一直以來都深受廣大女性的喜愛，不僅因為它是愛情的象徵，而且這種閃閃亮亮的奢侈品本身的美，足以打動大多數女性。對於腕錶也是一樣，鉆石的鑲嵌，不僅能增添手錶的整體美感，更能展示出工匠的工藝：將卓越出眾的制錶和珠寶經典元素巧妙結合，渾然一體。如歐米茄廣告詞說的那般”完美的場合應該有臻美的腕錶配對，一款鑲嵌精美寶石的腕錶可謂是不二之選”。這篇文章推薦3枚鉆石腕錶，女士們可以根據自己的喜好來作為禮物送給自己，男士們也可以作為驚喜送給自己的媽媽或者女朋友。&lt;/p&gt;&lt;p&gt;&lt;img src=&quot;http://www.sclingchen.com/zb_users/upload/2023/06/202306071686146438384434.png&quot; title=&quot;1.png&quot; alt=&quot;1.png&quot;/&gt;&lt;/p&gt;&lt;p&gt;卡地亞坦克繫列W4TA0021&lt;/p&gt;&lt;p&gt;產品型號:W4TA0021&lt;/p&gt;&lt;p&gt;國內公價:￥75500&lt;/p&gt;&lt;p&gt;腕錶直徑:32 x 27毫米&lt;/p&gt;&lt;p&gt;錶殼厚度:7.1毫米&lt;/p&gt;&lt;p&gt;機芯類型:石英&lt;/p&gt;&lt;p&gt;錶殼材質:精鋼，鑲嵌26顆鉆石，總重1.09克拉&lt;/p&gt;&lt;p&gt;防水深度:30米&lt;/p&gt;&lt;p&gt;錶款詳情：www.top-biao.com&lt;/p&gt;&lt;p&gt;腕錶點評：這只卡地亞坦克簡潔純凈的錶殼線條，32×27毫米的方形錶殼直徑，對於女性纖細的手腕來說，還是比較合適的。因為簡約風時代到來，這只銀色的方形錶殼上也僅僅鑲嵌了26顆鉆石，品牌只在錶殼的最外圈設計了兩排鉆石條，不僅保留了腕錶的本質，同時也不會過分浮誇，鉆石也可以有英氣風；這只錶沒有小秒針，錶盤上只有藍色的時針和分針的設計，搭配羅馬數字時標，分鐘圈也不是圍繞時標設立，而是以方形設計在這只錶的最內圈，保留了簡潔大方的外錶，同時還能夠清晰讀時。側面的錶冠有一顆凸圓形藍色合成尖晶石，這是卡地亞坦克的標誌錶冠；這只錶的防水深度是30米，可以滿足日常佩戴，但註意不能下水。&lt;/p&gt;&lt;p&gt;&lt;img src=&quot;http://www.sclingchen.com/zb_users/upload/2023/06/202306071686146449550371.png&quot; title=&quot;2.png&quot; alt=&quot;2.png&quot;/&gt;&lt;/p&gt;&lt;p&gt;歐米茄超霸繫列324.28.38.50.02.002&lt;/p&gt;&lt;p&gt;產品型號:324.28.38.50.02.002&lt;/p&gt;&lt;p&gt;國內公價:￥85300&lt;/p&gt;&lt;p&gt;腕錶直徑:38毫米&lt;/p&gt;&lt;p&gt;錶殼厚度:14.7毫米&lt;/p&gt;&lt;p&gt;機芯類型:自動機械&lt;/p&gt;&lt;p&gt;機芯型號:3330&lt;/p&gt;&lt;p&gt;錶殼材質:精鋼&lt;/p&gt;&lt;p&gt;防水深度:100米&lt;/p&gt;&lt;p&gt;錶款詳情：www.top-biao.com&lt;/p&gt;&lt;p&gt;腕錶點評：今天推薦的這只歐米茄超霸錶款，不同於上面的卡地亞，34毫米的錶徑，適合於喜歡大錶徑的女士佩戴，存在感也比較強；錶殼是由精鋼和Sedna 18K金制成，搭配拋光鑲鉆錶圈。對於部分女性來說，方便讀時、優雅的外觀是考量一塊錶的中心；這只錶的盤面上是經典的大三針設計，裸色的盤面上有波浪紋設計，同時還配有11個鉆石小時時標，6點位開設了日歴顯示窗口，滿足了日常佩戴的需求。腕錶內部搭載的是歐米茄8800至臻天文臺機芯，提供55小時的動力儲備；防水深度150米。&lt;/p&gt;&lt;p&gt;&lt;img src=&quot;http://www.sclingchen.com/zb_users/upload/2023/06/202306071686146467738918.png&quot; title=&quot;3.png&quot; alt=&quot;3.png&quot;/&gt;&lt;/p&gt;&lt;p&gt;勞力士女裝日誌型繫列M279458rbr-0001&lt;/p&gt;&lt;p&gt;產品型號:M279458rbr-0001&lt;/p&gt;&lt;p&gt;腕錶直徑:28毫米&lt;/p&gt;&lt;p&gt;機芯類型:自動機械&lt;/p&gt;&lt;p&gt;機芯型號:2236&lt;/p&gt;&lt;p&gt;錶殼材質:18k黃金鑲鉆石&lt;/p&gt;&lt;p&gt;防水深度:100米&lt;/p&gt;&lt;p&gt;錶款詳情：www.top-biao.com&lt;/p&gt;&lt;p&gt;腕錶點評：勞力士的女裝日誌型，一聽名字，這個繫列便是為女性量身定做的經典時計。這只錶有吸睛的亮藍色錶盤，坑紋圖案的排列充斥著整盤面；白色黃金的錶殼上鑲刻了鉆石錶圈，盤面上除了12點位是勞力士的皇冠標識，其他11個都是鉆石小時時標，3點鐘位置開設了日歴顯示窗口，設有勞力士經典的小窗凸透鏡。錶鏈是由三個鏈節的蠔式鋼制成，內部搭載的是勞力士自產的3235自動機械機芯，提供70小時的動力儲備，機芯經過天文臺認證，佩戴省心。&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp; 總結：以上推薦的三只鑲鉆錶款，風格各異，各位可以根據自己的需求和喜好來選擇或者關註。女性不該被定義風格，喜歡鑲鉆錶款的女性，也許是優雅的，也許是有著酷颯的外錶，粉紅泡泡的內心呢？其實完全可以選擇與自己適配亦或是具有挑戰的錶款，也許能產生奇妙的火花呢&lt;/p&gt;&lt;p&gt;買頂級手錶上&lt;a href=&quot;http://www.top-biao.com&quot; target=&quot;_self&quot;&gt;www.top-biao.com&lt;/a&gt;：&lt;a href=&quot;http://www.top-biao.com&quot; target=&quot;_self&quot;&gt;高仿手錶&lt;/a&gt; &lt;a href=&quot;http://www.top-biao.com&quot; target=&quot;_self&quot;&gt;複刻手錶&lt;/a&gt; &lt;a href=&quot;http://www.top-biao.com&quot; target=&quot;_self&quot;&gt;精仿手錶&lt;/a&gt; &lt;a href=&quot;http://www.top-biao.com&quot; target=&quot;_self&quot;&gt;高仿錶&lt;/a&gt; &lt;a href=&quot;http://www.top-biao.com&quot; target=&quot;_self&quot;&gt;複刻錶&lt;/a&gt; &lt;a href=&quot;http://www.top-biao.com&quot; target=&quot;_self&quot;&gt;精仿錶&lt;/a&gt;&lt;/p&gt;</description><pubDate>Wed, 07 Jun 2023 21:56:21 +0800</pubDate></item><item><title>沛納海完全原創的P5000手動八天動儲機芯值得擁有</title><link>http://www.sclingchen.com/post/155.html</link><description>&lt;p&gt;&amp;nbsp; &amp;nbsp; 之前一提到使用P900機芯的沛納海，大家就不免頗有微辭。而當我看到沛納海今年的新品，雖然數量不多，但著實是花了不少心思。今年沛納海共推出6款新錶，全部都為鐳得米爾繫列，分別是3款做舊、1款常規和2款年歴。其中最吸引的人自然是這3款進行了做舊處理的45毫米鐳得米爾，這三款錶不僅全部使用了沛納海完全原創的P5000手動八天動儲機芯，其做舊的質感和斑駁感更是處理的相當到位。&lt;/p&gt;&lt;p&gt;&lt;img src=&quot;http://www.sclingchen.com/zb_users/upload/2023/06/202306071686146115102295.png&quot; title=&quot;1.png&quot; alt=&quot;1.png&quot;/&gt;&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp; 方法是先用PVD的方式將環保鋼錶殼全部鍍黑，之後再用打磨的方式將鍍上的黑一點點抹掉，說白了就是品牌已經提前幫妳把錶盤好了，再也不用擔心手錶會有劃痕了，對於沛納海這次竟然會用這麽費事兒的一種方式，來對錶殼進行處理的確還是非常值得肯定的，除了錶殼，錶盤也提供了復古味十足的小秒盤面和加州面可供選擇，雖然加州面比其它兩款貴2萬，但鑒於有顏值超高且顆粒感十足的漸變深綠色加持，和歴史首款45毫米加州面的名頭，這個錢還是值得淘的！&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp; 帕瑪強尼在繼去年推出被譽為最優雅兩地時的Tonda PF兩地時手錶之後，於今年進一步在賦予奢華休閑風格手錶更多可能的道路上實現了拓展，推出了令人耳目一新的Tonda PF追分手錶。這只追分手錶第一眼看上去，貌似就是一只普通的大兩針，但是當妳按下錶殼左側的兩個按鍵的時候一只金針就會脫穎而出，8點和10點位的兩個按鍵分別控制這根金針往前走5分鐘，和往前走1分鐘。例如妳20分鐘後要開會，或蒸一條魚要8分鐘，這個時候就可以按動按鈕，讓這只金針先來到20分針以後或是8分鐘後，根據剩余的時間去合理安排妳要做的事兒，當分針與金針重合後，妳可選擇取消或是繼續，如果選擇取消，只需按下錶冠上的按鈕，金色指針便會立即回歸與分針同步併隱藏其下。其實這項功能就好比是個定時器，區別就是定時器會響而它不響，要是未來帕瑪強尼能在這只錶的基礎上在加個響鬧那就更有趣了。&lt;/p&gt;&lt;p&gt;&lt;img src=&quot;http://www.sclingchen.com/zb_users/upload/2023/06/202306071686146126570425.png&quot; title=&quot;2.png&quot; alt=&quot;2.png&quot;/&gt;&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp;百達翡麗在繼去年推出5226之後，在今天明顯加快了正裝錶休閑化的步伐，而且不光要休閑，還要運動，三款不同顏色的6007G破天荒的讓百達翡麗與碳纖維元素產生了關聯，官方說是為了迎合年輕人的喜好，這句話讓我清醒的認識到我是真的已經老了！作為一個老人，自然是全新5224最令我動心，作為一名兩地時手錶的忠實擁躉，5224的出現至少相對解決了5230P和5326G高攀不起，5164A脫離人間的尷尬現實。雖然其447200的定價也不便宜，但相比那三位，至少還有個盼頭。其次，由於其使用了PP最新的260機芯，不僅在個維度都較240有了不同程度的提升，關鍵是這枚珍珠陀終於可以把小秒針擺正了。我個人認為，這款錶唯一的不足就是42毫米的尺寸略微有點兒大。&lt;/p&gt;&lt;p&gt;&lt;img src=&quot;http://www.sclingchen.com/zb_users/upload/2023/06/202306071686146137623902.png&quot; title=&quot;3.png&quot; alt=&quot;3.png&quot;/&gt;&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp; 除了5224，我相信大多朋友的都會把註意力集中到了全新的5261手雷年歴上，總之就是鸚鵡螺和手雷有一丁點兒的變化就會成為全場焦點。之所以這次手雷會加入年歴，我想可能就是因為當年鸚鵡螺5740加入了萬年歴，我之前不止一次說過，就是不明白為什麽一只豪華運動錶要加上萬年歴，這兩個物種可以說完全不相幹，但當我試過5740之後瞬間就明白了，就是好看必須可以當飯吃。雖然全新手雷年歴的雙眼佈局看著沒有5740那麽的對稱，但確實比低調過頭的手雷計時看著熱鬧，有種不明覺厲感覺，併且其479500的公價還比同材質的手雷兩地時略低，而當妳正要感嘆它的性價比時，就會發現錶王的公價僅僅只是個傳說。&lt;/p&gt;&lt;p&gt;買頂級手錶上&lt;a href=&quot;http://www.top-biao.com&quot; target=&quot;_self&quot;&gt;www.top-biao.com&lt;/a&gt;：&lt;a href=&quot;http://www.top-biao.com&quot; target=&quot;_self&quot;&gt;高仿手錶&lt;/a&gt; &lt;a href=&quot;http://www.top-biao.com&quot; target=&quot;_self&quot;&gt;複刻手錶&lt;/a&gt; &lt;a href=&quot;http://www.top-biao.com&quot; target=&quot;_self&quot;&gt;精仿手錶&lt;/a&gt; &lt;a href=&quot;http://www.top-biao.com&quot; target=&quot;_self&quot;&gt;高仿錶&lt;/a&gt; &lt;a href=&quot;http://www.top-biao.com&quot; target=&quot;_self&quot;&gt;複刻錶&lt;/a&gt; &lt;a href=&quot;http://www.top-biao.com&quot; target=&quot;_self&quot;&gt;精仿錶&lt;/a&gt;&lt;/p&gt;</description><pubDate>Wed, 07 Jun 2023 21:51:48 +0800</pubDate></item><item><title>配色靈動、顏值頗高的機械錶百年靈Chonomat的薄荷綠盤腕錶</title><link>http://www.sclingchen.com/post/154.html</link><description>&lt;p&gt;&amp;nbsp; &amp;nbsp; 今天為大家介紹一款配色靈動、顏值頗高的機械錶款，它就是百年靈Chonomat的薄荷綠盤腕錶。百年靈旗下的機械計時（Chonomat）腕錶自1984年因意大利空軍的需求誕生至今，已成為了旗下深受錶迷朋友們歡迎錶款之一，下面為大家選擇的這枚錶款更是因其外觀設計備受追捧，活潑清新的薄荷綠色調令人眼前一亮，在如今逐漸升溫的天氣佩戴更是非常合適。下面，我們來一同欣賞一下錶款細節吧：（型號U17356531L1U1）&amp;nbsp;&amp;nbsp;&lt;/p&gt;&lt;p&gt;&lt;img src=&quot;http://www.sclingchen.com/zb_users/upload/2023/06/202306071686145814619380.png&quot; title=&quot;2.png&quot; alt=&quot;2.png&quot;/&gt;&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp; 這款腕錶是品牌在去年推出的繫列作品，還提供銀色和冰藍色盤面可選，每款腕錶的色調都尤為出色，有種“小清新”的味道在其中。除了配色搶眼外，經典錶圈、尺寸略大的錶冠及佩戴舒適的滾珠錶鏈均是這款腕錶的鮮明特色，辨識度極高。&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp; 這款腕錶乍一看貌似是一款女士腕錶，實際不然，其錶徑38毫米、厚度為11.88毫米，尺寸不大不小，非常中性，有男士玩家上手試戴，錶示其實物色調更加“騷氣”，非常吸睛，男女皆宜。&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp; 另一側便是特色鮮明的大尺寸錶冠設計，其便於佩戴者校時，錶冠外層是陶瓷材質，與錶圈上的4個綠色陶瓷時刻標誌相呼應。&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp; 這款腕錶最為出色的設計便是其色調搭配上，錶盤上的薄荷綠盤面固然美觀，但在18K紅金材質搭配下，更顯其高貴獨特的魅力。腕錶配備了一個18K紅金錶圈，錶圈上裝飾了鉆石，據介紹，這是一圈實驗室培養的鉆石，按可持續發展等級標准培育，綠色環保，質感完全不輸天然鉆石。金質錶圈搭配鉆石，錶款整體更加熠熠奪目。&amp;nbsp; &amp;nbsp;&amp;nbsp;&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp; 腕錶配備了一個經太陽放射紋裝飾的錶盤，薄荷綠錶盤在不同光線的照射下摺射出美妙光景，非常漂亮，質感極強。&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp; 觀看盤面細節，我們可以發現立體鑲貼時標、指針及12點位置下的百年靈logo均為金質拋光設計，與錶圈材質相呼應，色調更是點綴錶盤，美觀和諧。在錶盤的6點位，開設了一個白底黑字的日期顯示小窗口取代棒狀時標，功能全面。&lt;/p&gt;&lt;p&gt;&lt;img src=&quot;http://www.sclingchen.com/zb_users/upload/2023/06/202306071686145827507641.png&quot; title=&quot;1.png&quot; alt=&quot;1.png&quot;/&gt;&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp; 腕錶配備了一個一體式子彈鏈錶帶，佩戴非常舒適，十分貼合腕間，不會夾住汗毛，其細節質感也是相當不錯，併且錶帶中間有兩段18K間金的設計，與錶圈的18K紅金相互映襯。&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp; 腕底採用了密封式設計，其內部搭載的是Cal.17自動機械機芯，這只機芯具備瑞士天文臺認證，上滿鏈後能夠提供40小時的動力儲備，這枚腕錶防水深度為100米。&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp; 總結：這款百年靈38毫米的Chonomat腕錶的顏值不錯，併且其諸多細節均值得細細考究，再加上其中性尺寸設計、個性滿分的樣式設計，為玩家提供更多選擇。&lt;/p&gt;&lt;p&gt;買頂級手錶上&lt;a href=&quot;http://www.top-biao.com&quot; target=&quot;_self&quot;&gt;www.top-biao.com&lt;/a&gt;：&lt;a href=&quot;http://www.top-biao.com&quot; target=&quot;_self&quot;&gt;高仿手錶&lt;/a&gt; &lt;a href=&quot;http://www.top-biao.com&quot; target=&quot;_self&quot;&gt;複刻手錶&lt;/a&gt; &lt;a href=&quot;http://www.top-biao.com&quot; target=&quot;_self&quot;&gt;精仿手錶&lt;/a&gt; &lt;a href=&quot;http://www.top-biao.com&quot; target=&quot;_self&quot;&gt;高仿錶&lt;/a&gt; &lt;a href=&quot;http://www.top-biao.com&quot; target=&quot;_self&quot;&gt;複刻錶&lt;/a&gt; &lt;a href=&quot;http://www.top-biao.com&quot; target=&quot;_self&quot;&gt;精仿錶&lt;/a&gt;&lt;/p&gt;</description><pubDate>Wed, 07 Jun 2023 21:45:59 +0800</pubDate></item><item><title>设备像素是设备屏幕的物理像素</title><link>http://www.sclingchen.com/post/153.html</link><description>&lt;p&gt;em布局网页内容&lt;/p&gt;&lt;p&gt;&lt;img src=&quot;http://www.sclingchen.com/zb_users/upload/2022/12/202212281672212467923992.png&quot; title=&quot;QQ图片20220509200529.png&quot; alt=&quot;QQ图片20220509200529.png&quot;/&gt;&lt;/p&gt;&lt;p&gt;&lt;strong&gt;设备像素&lt;/strong&gt;&lt;/p&gt;&lt;p&gt;设备像素是设备屏幕的物理像素，任何设备的物理像素的数量是固定的&lt;/p&gt;&lt;p&gt;&lt;strong&gt;设备像素比&lt;/strong&gt;&lt;/p&gt;&lt;p&gt;设备像素个数和理想视口的比，称为设备像素比（device Pixel Ratio，简称DPR）&lt;/p&gt;&lt;p&gt;DPI&lt;/p&gt;&lt;p&gt;用像素的数量除以屏幕的以英寸为单位的宽度可以得到你的设备每英寸的点数（简称DPI）&lt;/p&gt;&lt;p&gt;使用相对长度单位em布局网页内容&lt;/p&gt;&lt;p&gt;em是描述相对于当前对象内文本的字体尺寸，它是相对长度单位。&lt;/p&gt;&lt;p&gt;一般浏览器字体大小默认为16px&lt;/p&gt;&lt;p&gt;&lt;strong&gt;相对单位em的特性&lt;/strong&gt;&lt;/p&gt;&lt;p&gt;em的值并不是固定的&lt;/p&gt;&lt;p&gt;em会继承父级元素的字体大小（相对父级的字体大小而发生变化）&lt;/p&gt;&lt;p&gt;实际应用中每次都这样去乘以父级的大小也是很麻烦的，有什么方法可以简化？&lt;/p&gt;&lt;p&gt;如果1em等于10px，那计算起来就方便了&lt;/p&gt;&lt;p&gt;&lt;br/&gt;&lt;/p&gt;</description><pubDate>Wed, 28 Dec 2022 15:27:15 +0800</pubDate></item><item><title>视口标签让网页在理想视口下预览</title><link>http://www.sclingchen.com/post/152.html</link><description>&lt;p&gt;视口标签让网页在理想视口下预览&lt;/p&gt;&lt;p&gt;&lt;img src=&quot;http://www.sclingchen.com/zb_users/upload/2022/12/202212281672212390137553.png&quot; title=&quot;QQ图片20220509200520.png&quot; alt=&quot;QQ图片20220509200520.png&quot;/&gt;&lt;/p&gt;&lt;p&gt;问题：&lt;/p&gt;&lt;p&gt;相同的内容，当窗口变窄，只是尽可能缩小网站来让用户看到网站的全貌。这对易读性来说不是件好事,在移动端上如何显示PC端的网页？&lt;/p&gt;&lt;p&gt;&lt;strong&gt;布局视口&lt;/strong&gt;&lt;/p&gt;&lt;p&gt;在移动端上，视口与移动浏览器屏幕宽度不再相关联，而是完全独立的，我们称它为布局视口&lt;/p&gt;&lt;p&gt;&lt;strong&gt;视觉视口&lt;/strong&gt;&lt;/p&gt;&lt;p&gt;虽然独立布局视口的创造很大程度上帮助了桌面网站到手机的转移，但是我们不能完全无视移动端设备的屏幕尺寸&lt;/p&gt;&lt;p&gt;视觉视口是用户正在看的网站区域。用户可以通过缩放来操作视觉视口，同时不会影响布局视口，布局视口仍然保持原来的宽度&lt;/p&gt;&lt;p&gt;&lt;strong&gt;理想视口&lt;/strong&gt;&lt;/p&gt;&lt;p&gt;默认情况下，一个手机或平板浏览器的布局宽度是在768px-1024px。虽然这能让桌面网站不被压扁，但是这并不理想，尤其对手机用户，因为在狭窄的屏幕上更适合一个狭窄的网站&lt;/p&gt;&lt;p&gt;真正适合手机的视口是什么呢？&lt;/p&gt;&lt;p&gt;理想视口&lt;/p&gt;&lt;p&gt;&lt;br/&gt;&lt;/p&gt;</description><pubDate>Wed, 28 Dec 2022 15:25:52 +0800</pubDate></item><item><title>层次选择器，又称后代选择器</title><link>http://www.sclingchen.com/post/151.html</link><description>&lt;p style=&quot;white-space: normal; margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; text-indent: 28px; color: rgb(24, 30, 51); font-family: PingFangSC, 微软雅黑, 黑体, Arial, Helvetica, sans-serif; font-size: 18px; background-color: rgb(255, 255, 255);&quot;&gt;&lt;span style=&quot;font-family: 宋体;&quot;&gt;&lt;img src=&quot;http://www.sclingchen.com/zb_users/upload/2022/11/202211021667360790142016.png&quot; title=&quot;QQ图片20221102102531.png&quot; alt=&quot;QQ图片20221102102531.png&quot;/&gt;&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;white-space: normal; margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; text-indent: 28px; color: rgb(24, 30, 51); font-family: PingFangSC, 微软雅黑, 黑体, Arial, Helvetica, sans-serif; font-size: 18px; background-color: rgb(255, 255, 255);&quot;&gt;&lt;span style=&quot;font-family: 宋体;&quot;&gt;层次选择器，又称后代选择器，主要包括如表3-2所示几种类型层次选择器。&amp;quot;CSS&amp;quot; 列指示该属性是在哪个 CSS 版本中定义的。（CSS1、CSS2还是 CSS3。）&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;white-space: normal; margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; text-indent: 2em; color: rgb(24, 30, 51); font-family: PingFangSC, 微软雅黑, 黑体, Arial, Helvetica, sans-serif; font-size: 18px; background-color: rgb(255, 255, 255); text-align: center;&quot;&gt;&lt;span style=&quot;font-size: 12px; font-family: 宋体;&quot;&gt;表3-2&amp;nbsp; 层次选择器&lt;/span&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;&lt;/p&gt;&lt;table cellspacing=&quot;0&quot; cellpadding=&quot;0&quot;&gt;&lt;tbody&gt;&lt;tr class=&quot;firstRow&quot;&gt;&lt;td width=&quot;47&quot; style=&quot;border-color: white windowtext windowtext white; line-height: 22px; padding: 0px 7px; overflow: hidden; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;&quot;&gt;&amp;nbsp;&lt;p style=&quot;overflow-wrap: break-word; clear: both;&quot;&gt;&lt;strong&gt;&lt;span style=&quot;font-size: 10px; font-family: 宋体;&quot;&gt;选择器&lt;/span&gt;&lt;/strong&gt;&lt;/p&gt;&amp;nbsp;&lt;/td&gt;&lt;td width=&quot;85&quot; style=&quot;border-top-color: white; border-right-color: windowtext; border-bottom-color: windowtext; border-left: none; line-height: 22px; padding: 0px 7px; overflow: hidden; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;&quot;&gt;&amp;nbsp;&lt;p style=&quot;overflow-wrap: break-word; clear: both; text-indent: 20px;&quot;&gt;&lt;strong&gt;&lt;span style=&quot;font-size: 10px; font-family: 宋体;&quot;&gt;类&lt;/span&gt;&lt;/strong&gt;&lt;strong&gt;&lt;span style=&quot;font-size: 10px; font-family: Arial, sans-serif;&quot;&gt;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;/strong&gt;&lt;strong&gt;&lt;span style=&quot;font-size: 10px; font-family: 宋体;&quot;&gt;型&lt;/span&gt;&lt;/strong&gt;&lt;/p&gt;&amp;nbsp;&lt;/td&gt;&lt;td width=&quot;303&quot; style=&quot;border-top-color: white; border-right-color: white; border-bottom-color: windowtext; border-left: none; line-height: 22px; padding: 0px 7px; overflow: hidden; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;&quot;&gt;&amp;nbsp;&lt;p style=&quot;overflow-wrap: break-word; clear: both; text-indent: 20px;&quot;&gt;&lt;strong&gt;&lt;span style=&quot;font-size: 10px; font-family: 宋体;&quot;&gt;功能描述&lt;/span&gt;&lt;/strong&gt;&lt;/p&gt;&amp;nbsp;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td width=&quot;47&quot; style=&quot;border-top: none; border-right-color: windowtext; border-bottom-color: windowtext; border-left-color: white; line-height: 22px; padding: 0px 7px; overflow: hidden; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;&quot;&gt;&amp;nbsp;&lt;p style=&quot;overflow-wrap: break-word; clear: both;&quot;&gt;&lt;span style=&quot;font-size: 10px; font-family: Arial, sans-serif;&quot;&gt;E&amp;nbsp; F&lt;/span&gt;&lt;/p&gt;&amp;nbsp;&lt;/td&gt;&lt;td width=&quot;85&quot; style=&quot;border-top: none; border-right-color: windowtext; border-bottom-color: windowtext; border-left: none; line-height: 22px; padding: 0px 7px; overflow: hidden; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;&quot;&gt;&amp;nbsp;&lt;p style=&quot;overflow-wrap: break-word; clear: both;&quot;&gt;&lt;span style=&quot;font-size: 10px; font-family: 宋体;&quot;&gt;后代选择器&lt;/span&gt;&lt;/p&gt;&amp;nbsp;&lt;/td&gt;&lt;td width=&quot;303&quot; style=&quot;border-top: none; border-right-color: white; border-bottom-color: windowtext; border-left: none; line-height: 22px; padding: 0px 7px; overflow: hidden; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;&quot;&gt;&amp;nbsp;&lt;p style=&quot;overflow-wrap: break-word; clear: both;&quot;&gt;&lt;span style=&quot;font-size: 10px; font-family: 宋体;&quot;&gt;选择匹配的&lt;/span&gt;&lt;span style=&quot;font-size: 10px; font-family: Arial, sans-serif;&quot;&gt;F&lt;/span&gt;&lt;span style=&quot;font-size: 10px; font-family: 宋体;&quot;&gt;元素，且匹配的&lt;/span&gt;&lt;span style=&quot;font-size: 10px; font-family: Arial, sans-serif;&quot;&gt;F&lt;/span&gt;&lt;span style=&quot;font-size: 10px; font-family: 宋体;&quot;&gt;元素被包含在匹配的&lt;/span&gt;&lt;span style=&quot;font-size: 10px; font-family: Arial, sans-serif;&quot;&gt;E&lt;/span&gt;&lt;span style=&quot;font-size: 10px; font-family: 宋体;&quot;&gt;元素内。&lt;/span&gt;&lt;/p&gt;&amp;nbsp;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td width=&quot;47&quot; style=&quot;border-top: none; border-right-color: windowtext; border-bottom-color: windowtext; border-left-color: white; line-height: 22px; padding: 0px 7px; overflow: hidden; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;&quot;&gt;&amp;nbsp;&lt;p style=&quot;overflow-wrap: break-word; clear: both;&quot;&gt;&lt;span style=&quot;font-size: 10px; font-family: Arial, sans-serif;&quot;&gt;E&amp;gt;F&lt;/span&gt;&lt;/p&gt;&amp;nbsp;&lt;/td&gt;&lt;td width=&quot;85&quot; style=&quot;border-top: none; border-right-color: windowtext; border-bottom-color: windowtext; border-left: none; line-height: 22px; padding: 0px 7px; overflow: hidden; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;&quot;&gt;&amp;nbsp;&lt;p style=&quot;overflow-wrap: break-word; clear: both;&quot;&gt;&lt;span style=&quot;font-size: 10px; font-family: 宋体;&quot;&gt;子选择器&lt;/span&gt;&lt;/p&gt;&amp;nbsp;&lt;/td&gt;&lt;td width=&quot;303&quot; style=&quot;border-top: none; border-right-color: white; border-bottom-color: windowtext; border-left: none; line-height: 22px; padding: 0px 7px; overflow: hidden; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;&quot;&gt;&amp;nbsp;&lt;p style=&quot;overflow-wrap: break-word; clear: both;&quot;&gt;&lt;span style=&quot;font-size: 10px; font-family: 宋体;&quot;&gt;选择匹配的&lt;/span&gt;&lt;span style=&quot;font-size: 10px; font-family: Arial, sans-serif;&quot;&gt;F&lt;/span&gt;&lt;span style=&quot;font-size: 10px; font-family: 宋体;&quot;&gt;元素，且匹配的&lt;/span&gt;&lt;span style=&quot;font-size: 10px; font-family: Arial, sans-serif;&quot;&gt;F&lt;/span&gt;&lt;span style=&quot;font-size: 10px; font-family: 宋体;&quot;&gt;元素是所匹配的&lt;/span&gt;&lt;span style=&quot;font-size: 10px; font-family: Arial, sans-serif;&quot;&gt;E&lt;/span&gt;&lt;span style=&quot;font-size: 10px; font-family: 宋体;&quot;&gt;元素的子元素。&lt;/span&gt;&lt;/p&gt;&amp;nbsp;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td width=&quot;47&quot; style=&quot;border-top: none; border-right-color: windowtext; border-bottom-color: windowtext; border-left-color: white; line-height: 22px; padding: 0px 7px; overflow: hidden; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;&quot;&gt;&amp;nbsp;&lt;p style=&quot;overflow-wrap: break-word; clear: both;&quot;&gt;&lt;span style=&quot;font-size: 10px; font-family: Arial, sans-serif;&quot;&gt;E+F&lt;/span&gt;&lt;/p&gt;&amp;nbsp;&lt;/td&gt;&lt;td width=&quot;85&quot; style=&quot;border-top: none; border-right-color: windowtext; border-bottom-color: windowtext; border-left: none; line-height: 22px; padding: 0px 7px; overflow: hidden; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;&quot;&gt;&amp;nbsp;&lt;p style=&quot;overflow-wrap: break-word; clear: both;&quot;&gt;&lt;span style=&quot;font-size: 10px; font-family: 宋体;&quot;&gt;相邻兄弟选择器&lt;/span&gt;&lt;/p&gt;&amp;nbsp;&lt;/td&gt;&lt;td width=&quot;303&quot; style=&quot;border-top: none; border-right-color: white; border-bottom-color: windowtext; border-left: none; line-height: 22px; padding: 0px 7px; overflow: hidden; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;&quot;&gt;&amp;nbsp;&lt;p style=&quot;overflow-wrap: break-word; clear: both;&quot;&gt;&lt;span style=&quot;font-size: 10px; font-family: 宋体;&quot;&gt;选择匹配的&lt;/span&gt;&lt;span style=&quot;font-size: 10px; font-family: Arial, sans-serif;&quot;&gt;F&lt;/span&gt;&lt;span style=&quot;font-size: 10px; font-family: 宋体;&quot;&gt;元素，且匹配的&lt;/span&gt;&lt;span style=&quot;font-size: 10px; font-family: Arial, sans-serif;&quot;&gt;F&lt;/span&gt;&lt;span style=&quot;font-size: 10px; font-family: 宋体;&quot;&gt;元素紧跟位于匹配的&lt;/span&gt;&lt;span style=&quot;font-size: 10px; font-family: Arial, sans-serif;&quot;&gt;E&lt;/span&gt;&lt;span style=&quot;font-size: 10px; font-family: 宋体;&quot;&gt;元素后面。&lt;/span&gt;&lt;/p&gt;&amp;nbsp;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td width=&quot;47&quot; style=&quot;border-top: none; border-right-color: windowtext; border-bottom-color: white; border-left-color: white; line-height: 22px; padding: 0px 7px; overflow: hidden; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;&quot;&gt;&amp;nbsp;&lt;p style=&quot;overflow-wrap: break-word; clear: both;&quot;&gt;&lt;span style=&quot;font-size: 10px; font-family: Arial, sans-serif;&quot;&gt;E~F&lt;/span&gt;&lt;/p&gt;&amp;nbsp;&lt;/td&gt;&lt;td width=&quot;85&quot; style=&quot;border-top: none; border-right-color: windowtext; border-bottom-color: white; border-left: none; line-height: 22px; padding: 0px 7px; overflow: hidden; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;&quot;&gt;&amp;nbsp;&lt;p style=&quot;overflow-wrap: break-word; clear: both;&quot;&gt;&lt;span style=&quot;font-size: 10px; font-family: 宋体;&quot;&gt;通用选择器&lt;/span&gt;&lt;/p&gt;&amp;nbsp;&lt;/td&gt;&lt;td width=&quot;303&quot; style=&quot;border-top: none; border-right-color: white; border-bottom-color: white; border-left: none; line-height: 22px; padding: 0px 7px; overflow: hidden; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;&quot;&gt;&amp;nbsp;&lt;p style=&quot;overflow-wrap: break-word; clear: both;&quot;&gt;&lt;span style=&quot;font-size: 10px; font-family: 宋体;&quot;&gt;选择匹配的&lt;/span&gt;&lt;span style=&quot;font-size: 10px; font-family: Arial, sans-serif;&quot;&gt;F&lt;/span&gt;&lt;span style=&quot;font-size: 10px; font-family: 宋体;&quot;&gt;元素，且位于匹配的&lt;/span&gt;&lt;span style=&quot;font-size: 10px; font-family: Arial, sans-serif;&quot;&gt;E&lt;/span&gt;&lt;span style=&quot;font-size: 10px; font-family: 宋体;&quot;&gt;元素后的所有匹配&lt;/span&gt;&lt;span style=&quot;font-size: 10px; font-family: Arial, sans-serif;&quot;&gt;F&lt;/span&gt;&lt;span style=&quot;font-size: 10px; font-family: 宋体;&quot;&gt;元素&lt;/span&gt;&lt;/p&gt;&amp;nbsp;&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;p style=&quot;white-space: normal; margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; text-indent: 2em; color: rgb(24, 30, 51); font-family: PingFangSC, 微软雅黑, 黑体, Arial, Helvetica, sans-serif; font-size: 18px; background-color: rgb(255, 255, 255);&quot;&gt;&lt;strong&gt;&lt;span style=&quot;font-size: 9px; font-family: 宋体; color: #333333; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;&quot;&gt;备注&lt;/span&gt;&lt;/strong&gt;&lt;strong&gt;&lt;span style=&quot;font-size: 9px; font-family: Arial, sans-serif; color: #333333; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;&quot;&gt;:&amp;nbsp;&lt;/span&gt;&lt;/strong&gt;&lt;span style=&quot;font-size: 9px; font-family: Arial, sans-serif; color: #333333; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;&quot;&gt;&amp;quot;CSS&amp;quot;&lt;/span&gt;&lt;span style=&quot;font-size: 9px; font-family: 宋体; color: #333333; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;&quot;&gt;列指示该属性是在哪个&lt;/span&gt;&lt;span style=&quot;font-size: 9px; font-family: Arial, sans-serif; color: #333333; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;&quot;&gt;&amp;nbsp;CSS&amp;nbsp;&lt;/span&gt;&lt;span style=&quot;font-size: 9px; font-family: 宋体; color: #333333; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;&quot;&gt;版本中定义的。（&lt;/span&gt;&lt;span style=&quot;font-size: 9px; font-family: Arial, sans-serif; color: #333333; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;&quot;&gt;CSS1&lt;/span&gt;&lt;span style=&quot;font-size: 9px; font-family: 宋体; color: #333333; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;&quot;&gt;、&lt;/span&gt;&lt;span style=&quot;font-size: 9px; font-family: Arial, sans-serif; color: #333333; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;&quot;&gt;CSS2&amp;nbsp;&lt;/span&gt;&lt;span style=&quot;font-size: 9px; font-family: 宋体; color: #333333; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;&quot;&gt;还是&lt;/span&gt;&lt;span style=&quot;font-size: 9px; font-family: Arial, sans-serif; color: #333333; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;&quot;&gt;&amp;nbsp;CSS3&lt;/span&gt;&lt;span style=&quot;font-size: 9px; font-family: 宋体; color: #333333; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;&quot;&gt;。）&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;white-space: normal; margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; text-indent: 2em; color: rgb(24, 30, 51); font-family: PingFangSC, 微软雅黑, 黑体, Arial, Helvetica, sans-serif; font-size: 18px; background-color: rgb(255, 255, 255);&quot;&gt;&lt;strong&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;1.&lt;span style=&quot;font-variant-numeric: normal; font-variant-east-asian: normal; font-weight: normal; font-stretch: normal; font-size: 9px; line-height: normal; font-family: &amp;quot;Times New Roman&amp;quot;;&quot;&gt;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;/span&gt;&lt;/strong&gt;&lt;strong&gt;&lt;span style=&quot;font-family: 宋体; color: #111111; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;&quot;&gt;CSS&lt;/span&gt;&lt;/strong&gt;&lt;strong&gt;&lt;span style=&quot;font-family: 宋体; color: #111111; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;&quot;&gt;后代选择器&lt;/span&gt;&lt;/strong&gt;&lt;/p&gt;&lt;p style=&quot;white-space: normal; margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; text-indent: 28px; color: rgb(24, 30, 51); font-family: PingFangSC, 微软雅黑, 黑体, Arial, Helvetica, sans-serif; font-size: 18px; background-color: rgb(255, 255, 255);&quot;&gt;&lt;span style=&quot;font-family: 宋体;&quot;&gt;后代选择器可以选择作为某元素后代的元素。我们可以定义后代选择器来创建一些规则，使这些规则在某些文档结构中起作用，而在另外一些结构中不起作用。举例来说，如果您希望只对 h1 元素中的 em 元素应用样式，可以这样写：&lt;/span&gt;&lt;/p&gt;&lt;table cellspacing=&quot;0&quot; cellpadding=&quot;0&quot; width=&quot;465&quot;&gt;&lt;tbody&gt;&lt;tr style=&quot;height: 22px;&quot; class=&quot;firstRow&quot;&gt;&lt;td width=&quot;465&quot; valign=&quot;top&quot; height=&quot;22&quot; style=&quot;border-color: rgb(221, 217, 195); line-height: 22px; padding: 4px; overflow: hidden; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;&quot;&gt;&amp;nbsp;&lt;p style=&quot;overflow-wrap: break-word; clear: both; text-indent: 24px;&quot;&gt;&lt;span style=&quot;font-family: 宋体;&quot;&gt;h1 em {color:red;}&lt;/span&gt;&lt;/p&gt;&amp;nbsp;&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;p style=&quot;white-space: normal; margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; text-indent: 28px; color: rgb(24, 30, 51); font-family: PingFangSC, 微软雅黑, 黑体, Arial, Helvetica, sans-serif; font-size: 18px; background-color: rgb(255, 255, 255);&quot;&gt;&lt;span style=&quot;font-family: 宋体;&quot;&gt;上面这个规则会把作为 h1 元素后代的 em 元素的文本变为 红色。其他 em 文本（如段落或块引用中的 em）则不会被这个规则选中：&lt;/span&gt;&lt;/p&gt;&lt;table cellspacing=&quot;0&quot; cellpadding=&quot;0&quot; width=&quot;467&quot;&gt;&lt;tbody&gt;&lt;tr style=&quot;height: 22px;&quot; class=&quot;firstRow&quot;&gt;&lt;td width=&quot;467&quot; valign=&quot;top&quot; height=&quot;22&quot; style=&quot;border-color: rgb(221, 217, 195); line-height: 22px; padding: 4px; overflow: hidden; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;&quot;&gt;&amp;nbsp;&lt;p style=&quot;overflow-wrap: break-word; clear: both; text-indent: 24px;&quot;&gt;&lt;span style=&quot;font-family: 宋体;&quot;&gt;&amp;lt;h1&amp;gt;This is a &amp;nbsp;&amp;lt;em&amp;gt;important&amp;lt;/em&amp;gt; heading&amp;lt;/h1&amp;gt;&lt;/span&gt;&lt;/p&gt;&amp;nbsp;&lt;p style=&quot;overflow-wrap: break-word; clear: both; text-indent: 24px;&quot;&gt;&lt;span style=&quot;font-family: 宋体;&quot;&gt;&amp;lt;p&amp;gt;This is a &amp;nbsp;&amp;lt;em&amp;gt;important&amp;lt;/em&amp;gt; paragraph.&amp;lt;/p&amp;gt;&lt;/span&gt;&lt;/p&gt;&amp;nbsp;&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;p style=&quot;white-space: normal; margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; text-indent: 2em; color: rgb(24, 30, 51); font-family: PingFangSC, 微软雅黑, 黑体, Arial, Helvetica, sans-serif; font-size: 18px; background-color: rgb(255, 255, 255);&quot;&gt;&lt;strong&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;2.&lt;span style=&quot;font-variant-numeric: normal; font-variant-east-asian: normal; font-weight: normal; font-stretch: normal; font-size: 9px; line-height: normal; font-family: &amp;quot;Times New Roman&amp;quot;;&quot;&gt;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;/span&gt;&lt;/strong&gt;&lt;strong&gt;&lt;span style=&quot;font-family: 宋体; color: #111111; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;&quot;&gt;CSS&lt;/span&gt;&lt;/strong&gt;&lt;strong&gt;&lt;span style=&quot;font-family: 宋体; color: #111111; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;&quot;&gt;子选择器&lt;/span&gt;&lt;/strong&gt;&lt;/p&gt;&lt;p style=&quot;white-space: normal; margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; text-indent: 28px; color: rgb(24, 30, 51); font-family: PingFangSC, 微软雅黑, 黑体, Arial, Helvetica, sans-serif; font-size: 18px; background-color: rgb(255, 255, 255);&quot;&gt;&lt;span style=&quot;font-family: 宋体;&quot;&gt;与后代选择器相比，子元素选择器（Child selectors）只能选择作为某元素子元素的元素。如果您不希望选择任意的后代元素，而是希望缩小范围，只选择某个元素的子元素，请使用子元素选择器（Child selector）。&amp;nbsp;&amp;nbsp; 例如，如果您希望选择只作为 h1 元素子元素的 strong 元素，可以这样写：&lt;/span&gt;&lt;/p&gt;&lt;table cellspacing=&quot;0&quot; cellpadding=&quot;0&quot; width=&quot;465&quot;&gt;&lt;tbody&gt;&lt;tr style=&quot;height: 22px;&quot; class=&quot;firstRow&quot;&gt;&lt;td width=&quot;465&quot; valign=&quot;top&quot; height=&quot;22&quot; style=&quot;border-color: rgb(221, 217, 195); line-height: 22px; padding: 4px; overflow: hidden; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;&quot;&gt;&amp;nbsp;&lt;p style=&quot;overflow-wrap: break-word; clear: both; text-indent: 24px;&quot;&gt;&lt;span style=&quot;font-family: 宋体;&quot;&gt;h1 &amp;gt; strong {color:red;}&lt;/span&gt;&lt;/p&gt;&amp;nbsp;&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;p style=&quot;white-space: normal; margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; text-indent: 28px; color: rgb(24, 30, 51); font-family: PingFangSC, 微软雅黑, 黑体, Arial, Helvetica, sans-serif; font-size: 18px; background-color: rgb(255, 255, 255);&quot;&gt;&lt;span style=&quot;font-family: 宋体;&quot;&gt;这个规则会把第一个 h1 下面的两个 strong 元素变为红色，但是第二个 h1 中的 strong 不受影响：&lt;/span&gt;&lt;/p&gt;&lt;table cellspacing=&quot;0&quot; cellpadding=&quot;0&quot; width=&quot;469&quot;&gt;&lt;tbody&gt;&lt;tr style=&quot;height: 22px;&quot; class=&quot;firstRow&quot;&gt;&lt;td width=&quot;469&quot; valign=&quot;top&quot; height=&quot;22&quot; style=&quot;border-color: rgb(221, 217, 195); line-height: 22px; padding: 4px; overflow: hidden; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;&quot;&gt;&amp;nbsp;&lt;p style=&quot;overflow-wrap: break-word; clear: both; text-indent: 24px;&quot;&gt;&lt;span style=&quot;font-family: 宋体;&quot;&gt;&amp;lt;h1&amp;gt;This is &amp;nbsp;&amp;lt;strong&amp;gt;very&amp;lt;/strong&amp;gt; &amp;lt;strong&amp;gt;very&amp;lt;/strong&amp;gt; &amp;nbsp;important.&amp;lt;/h1&amp;gt;&lt;/span&gt;&lt;/p&gt;&amp;nbsp;&lt;p style=&quot;overflow-wrap: break-word; clear: both; text-indent: 24px;&quot;&gt;&lt;span style=&quot;font-family: 宋体;&quot;&gt;&amp;lt;h1&amp;gt;This is &amp;lt;em&amp;gt;really &amp;nbsp;&amp;lt;strong&amp;gt;very&amp;lt;/strong&amp;gt;&amp;lt;/em&amp;gt; important.&amp;lt;/h1&amp;gt;&lt;/span&gt;&lt;/p&gt;&amp;nbsp;&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;p style=&quot;white-space: normal; margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; text-indent: 2em; color: rgb(24, 30, 51); font-family: PingFangSC, 微软雅黑, 黑体, Arial, Helvetica, sans-serif; font-size: 18px; background-color: rgb(255, 255, 255);&quot;&gt;&lt;strong&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;3.&lt;span style=&quot;font-variant-numeric: normal; font-variant-east-asian: normal; font-weight: normal; font-stretch: normal; font-size: 9px; line-height: normal; font-family: &amp;quot;Times New Roman&amp;quot;;&quot;&gt;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;/span&gt;&lt;/strong&gt;&lt;strong&gt;&lt;span style=&quot;font-family: 宋体; color: #111111; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;&quot;&gt;CSS&lt;/span&gt;&lt;/strong&gt;&lt;strong&gt;&lt;span style=&quot;font-family: 宋体; color: #111111; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;&quot;&gt;相邻兄弟选择器&lt;/span&gt;&lt;/strong&gt;&lt;/p&gt;&lt;p style=&quot;white-space: normal; margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; text-indent: 28px; color: rgb(24, 30, 51); font-family: PingFangSC, 微软雅黑, 黑体, Arial, Helvetica, sans-serif; font-size: 18px; background-color: rgb(255, 255, 255);&quot;&gt;&lt;span style=&quot;font-family: 宋体;&quot;&gt;相邻兄弟选择器（Adjacent sibling selector）可选择紧接在另一元素后的元素，且二者有相同父元素。如果需要选择紧接在另一个元素后的元素，而且二者有相同的父元素，可以使用相邻兄弟选择器（Adjacent sibling selector）。例如，如果要增加紧接在 h1 元素后出现的段落的上边距，可以这样写：&lt;/span&gt;&lt;/p&gt;&lt;table cellspacing=&quot;0&quot; cellpadding=&quot;0&quot;&gt;&lt;tbody&gt;&lt;tr style=&quot;height: 22px;&quot; class=&quot;firstRow&quot;&gt;&lt;td width=&quot;459&quot; valign=&quot;top&quot; height=&quot;22&quot; style=&quot;border-color: rgb(221, 217, 195); line-height: 22px; padding: 4px; overflow: hidden; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;&quot;&gt;&amp;nbsp;&lt;p style=&quot;overflow-wrap: break-word; clear: both; text-indent: 24px;&quot;&gt;&lt;span style=&quot;font-family: 宋体;&quot;&gt;h1 + p {margin-top:50px;}&lt;/span&gt;&lt;/p&gt;&amp;nbsp;&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;p style=&quot;white-space: normal; margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; text-indent: 28px; color: rgb(24, 30, 51); font-family: PingFangSC, 微软雅黑, 黑体, Arial, Helvetica, sans-serif; font-size: 18px; background-color: rgb(255, 255, 255);&quot;&gt;&lt;span style=&quot;font-family: 宋体;&quot;&gt;这个选择器读作：“选择紧接在 h1 元素后出现的段落，h1和 p 元素拥有共同的父元素”。&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;white-space: normal; margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; text-indent: 2em; color: rgb(24, 30, 51); font-family: PingFangSC, 微软雅黑, 黑体, Arial, Helvetica, sans-serif; font-size: 18px; background-color: rgb(255, 255, 255);&quot;&gt;&lt;strong&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;4.&lt;span style=&quot;font-variant-numeric: normal; font-variant-east-asian: normal; font-weight: normal; font-stretch: normal; font-size: 9px; line-height: normal; font-family: &amp;quot;Times New Roman&amp;quot;;&quot;&gt;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;/span&gt;&lt;/strong&gt;&lt;strong&gt;&lt;span style=&quot;font-family: 宋体; color: #111111; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;&quot;&gt;CSS&lt;/span&gt;&lt;/strong&gt;&lt;strong&gt;&lt;span style=&quot;font-family: 宋体; color: #111111; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;&quot;&gt;通用选择器&lt;/span&gt;&lt;/strong&gt;&lt;/p&gt;&lt;p style=&quot;white-space: normal; margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; text-indent: 28px; color: rgb(24, 30, 51); font-family: PingFangSC, 微软雅黑, 黑体, Arial, Helvetica, sans-serif; font-size: 18px; background-color: rgb(255, 255, 255);&quot;&gt;&lt;span style=&quot;font-family: 宋体;&quot;&gt;为所有相同的父元素中位于 p 元素之后的所有 ul 元素设置背景：&lt;/span&gt;&lt;/p&gt;&lt;table cellspacing=&quot;0&quot; cellpadding=&quot;0&quot;&gt;&lt;tbody&gt;&lt;tr style=&quot;height: 22px;&quot; class=&quot;firstRow&quot;&gt;&lt;td width=&quot;459&quot; valign=&quot;top&quot; height=&quot;22&quot; style=&quot;border-color: rgb(221, 217, 195); line-height: 22px; padding: 4px; overflow: hidden; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;&quot;&gt;&amp;nbsp;&lt;p style=&quot;overflow-wrap: break-word; clear: both; text-indent: 24px;&quot;&gt;&lt;span style=&quot;font-family: 宋体;&quot;&gt;p~ul{background:#ff0000;}&lt;/span&gt;&lt;/p&gt;&amp;nbsp;&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;p style=&quot;white-space: normal; margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; text-indent: 28px; color: rgb(24, 30, 51); font-family: PingFangSC, 微软雅黑, 黑体, Arial, Helvetica, sans-serif; font-size: 18px; background-color: rgb(255, 255, 255);&quot;&gt;&lt;span style=&quot;font-family: 宋体;&quot;&gt;浏览器支持--所有主流浏览器都支持 element1~element2 选择器。注释：对于 IE8 中的该选择器，必须声明&amp;nbsp;&lt;/span&gt;&lt;a href=&quot;mk:@MSITStore:E:\HTML5+CSS3\2014%E6%9C%80%E6%96%B0W3CSchool%E6%96%87%E6%A1%A3.chm::/www.w3school.com.cn/tags/tag_doctype.asp&quot; title=&quot;HTML  标签&quot; style=&quot;text-decoration-line: none; color: rgb(102, 102, 102); outline: none;&quot;&gt;&lt;span style=&quot;font-family: 宋体; color: windowtext;&quot;&gt;&amp;lt;!DOCTYPE&amp;gt;&lt;/span&gt;&lt;/a&gt;&lt;span style=&quot;font-family: 宋体;&quot;&gt;。&lt;/span&gt;&lt;/p&gt;&lt;p&gt;&lt;br/&gt;&lt;/p&gt;</description><pubDate>Wed, 02 Nov 2022 11:45:53 +0800</pubDate></item><item><title>基本选择器是使用最频繁，最基础，最早定义的选择器</title><link>http://www.sclingchen.com/post/150.html</link><description>&lt;p style=&quot;white-space: normal; margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; text-indent: 28px; color: rgb(24, 30, 51); font-family: PingFangSC, 微软雅黑, 黑体, Arial, Helvetica, sans-serif; font-size: 18px; background-color: rgb(255, 255, 255);&quot;&gt;&lt;span style=&quot;font-family: 宋体;&quot;&gt;&lt;img src=&quot;http://www.sclingchen.com/zb_users/upload/2022/11/202211021667360740150070.png&quot; title=&quot;QQ图片20221102102624.png&quot; alt=&quot;QQ图片20221102102624.png&quot;/&gt;&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;white-space: normal; margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; text-indent: 28px; color: rgb(24, 30, 51); font-family: PingFangSC, 微软雅黑, 黑体, Arial, Helvetica, sans-serif; font-size: 18px; background-color: rgb(255, 255, 255);&quot;&gt;&lt;span style=&quot;font-family: 宋体;&quot;&gt;基本选择器是使用最频繁，最基础，最早定义的选择器。IE，火狐，Chrome，Safari，Opera均兼容。主要包括如表3-1所示几种类型基本选择器。&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;white-space: normal; margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; text-indent: 2em; color: rgb(24, 30, 51); font-family: PingFangSC, 微软雅黑, 黑体, Arial, Helvetica, sans-serif; font-size: 18px; background-color: rgb(255, 255, 255); text-align: center;&quot;&gt;&lt;span style=&quot;font-size: 12px; font-family: 宋体;&quot;&gt;表3-1&amp;nbsp; 基本选择器&lt;/span&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;&lt;/p&gt;&lt;table cellspacing=&quot;0&quot; cellpadding=&quot;0&quot; width=&quot;582&quot;&gt;&lt;tbody&gt;&lt;tr class=&quot;firstRow&quot;&gt;&lt;td width=&quot;90&quot; style=&quot;border-color: white windowtext windowtext white; line-height: 22px; padding: 2px; overflow: hidden; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;&quot;&gt;&amp;nbsp;&lt;p style=&quot;overflow-wrap: break-word; clear: both; text-indent: 20px;&quot;&gt;&lt;strong&gt;&lt;span style=&quot;font-size: 10px; font-family: 宋体;&quot;&gt;选择符&lt;/span&gt;&lt;/strong&gt;&lt;/p&gt;&amp;nbsp;&lt;/td&gt;&lt;td width=&quot;50&quot; style=&quot;border-top-color: white; border-right-color: windowtext; border-bottom-color: windowtext; border-left: none; line-height: 22px; padding: 2px; overflow: hidden; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;&quot;&gt;&amp;nbsp;&lt;p style=&quot;overflow-wrap: break-word; clear: both; text-indent: 20px;&quot;&gt;&lt;strong&gt;&lt;span style=&quot;font-size: 10px; font-family: 宋体;&quot;&gt;类&lt;/span&gt;&lt;/strong&gt;&lt;strong&gt;&lt;span style=&quot;font-size: 10px; font-family: Arial, sans-serif;&quot;&gt;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;/strong&gt;&lt;strong&gt;&lt;span style=&quot;font-size: 10px; font-family: 宋体;&quot;&gt;型&lt;/span&gt;&lt;/strong&gt;&lt;/p&gt;&amp;nbsp;&lt;/td&gt;&lt;td width=&quot;300&quot; style=&quot;border-top-color: white; border-right-color: white; border-bottom-color: windowtext; border-left: none; line-height: 22px; padding: 2px; overflow: hidden; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;&quot;&gt;&amp;nbsp;&lt;p style=&quot;overflow-wrap: break-word; clear: both; text-indent: 20px;&quot;&gt;&lt;strong&gt;&lt;span style=&quot;font-size: 10px; font-family: 宋体;&quot;&gt;功能描述&lt;/span&gt;&lt;/strong&gt;&lt;/p&gt;&amp;nbsp;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td width=&quot;90&quot; style=&quot;border-top: none; border-right-color: windowtext; border-bottom-color: windowtext; border-left-color: white; line-height: 22px; padding: 2px; overflow: hidden; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;&quot;&gt;&amp;nbsp;&lt;p style=&quot;overflow-wrap: break-word; clear: both; text-indent: 20px;&quot;&gt;&lt;span style=&quot;font-size: 10px; font-family: Arial, sans-serif;&quot;&gt;*&lt;/span&gt;&lt;/p&gt;&amp;nbsp;&lt;/td&gt;&lt;td width=&quot;50&quot; style=&quot;border-top: none; border-right-color: windowtext; border-bottom-color: windowtext; border-left: none; line-height: 22px; padding: 2px; overflow: hidden; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;&quot;&gt;&amp;nbsp;&lt;p style=&quot;overflow-wrap: break-word; clear: both;&quot;&gt;&lt;span style=&quot;font-size: 10px; font-family: 宋体;&quot;&gt;通配选择器&lt;/span&gt;&lt;/p&gt;&amp;nbsp;&lt;/td&gt;&lt;td width=&quot;300&quot; style=&quot;border-top: none; border-right-color: white; border-bottom-color: windowtext; border-left: none; line-height: 22px; padding: 2px; overflow: hidden; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;&quot;&gt;&amp;nbsp;&lt;p style=&quot;overflow-wrap: break-word; clear: both; text-indent: 20px;&quot;&gt;&lt;span style=&quot;font-size: 10px; font-family: 宋体;&quot;&gt;选择所有&lt;/span&gt;&lt;span style=&quot;font-size: 10px; font-family: Arial, sans-serif;&quot;&gt;HTML&lt;/span&gt;&lt;span style=&quot;font-size: 10px; font-family: 宋体;&quot;&gt;元素&lt;/span&gt;&lt;/p&gt;&amp;nbsp;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td width=&quot;90&quot; style=&quot;border-top: none; border-right-color: windowtext; border-bottom-color: windowtext; border-left-color: white; line-height: 22px; padding: 2px; overflow: hidden; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;&quot;&gt;&amp;nbsp;&lt;p style=&quot;overflow-wrap: break-word; clear: both; text-indent: 20px;&quot;&gt;&lt;span style=&quot;font-size: 10px; font-family: Arial, sans-serif;&quot;&gt;E&lt;/span&gt;&lt;/p&gt;&amp;nbsp;&lt;/td&gt;&lt;td width=&quot;50&quot; style=&quot;border-top: none; border-right-color: windowtext; border-bottom-color: windowtext; border-left: none; line-height: 22px; padding: 2px; overflow: hidden; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;&quot;&gt;&amp;nbsp;&lt;p style=&quot;overflow-wrap: break-word; clear: both;&quot;&gt;&lt;span style=&quot;font-size: 10px; font-family: 宋体;&quot;&gt;元素选择器&lt;/span&gt;&lt;/p&gt;&amp;nbsp;&lt;/td&gt;&lt;td width=&quot;300&quot; style=&quot;border-top: none; border-right-color: white; border-bottom-color: windowtext; border-left: none; line-height: 22px; padding: 2px; overflow: hidden; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;&quot;&gt;&amp;nbsp;&lt;p style=&quot;overflow-wrap: break-word; clear: both; text-indent: 20px;&quot;&gt;&lt;span style=&quot;font-size: 10px; font-family: 宋体;&quot;&gt;选择指定的类型的&lt;/span&gt;&lt;span style=&quot;font-size: 10px; font-family: Arial, sans-serif;&quot;&gt;HTML&lt;/span&gt;&lt;span style=&quot;font-size: 10px; font-family: 宋体;&quot;&gt;元素&lt;/span&gt;&lt;/p&gt;&amp;nbsp;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td width=&quot;90&quot; style=&quot;border-top: none; border-right-color: windowtext; border-bottom-color: windowtext; border-left-color: white; line-height: 22px; padding: 2px; overflow: hidden; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;&quot;&gt;&amp;nbsp;&lt;p style=&quot;overflow-wrap: break-word; clear: both; text-indent: 20px;&quot;&gt;&lt;span style=&quot;font-size: 10px; font-family: Arial, sans-serif;&quot;&gt;#id&lt;/span&gt;&lt;/p&gt;&amp;nbsp;&lt;/td&gt;&lt;td width=&quot;50&quot; style=&quot;border-top: none; border-right-color: windowtext; border-bottom-color: windowtext; border-left: none; line-height: 22px; padding: 2px; overflow: hidden; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;&quot;&gt;&amp;nbsp;&lt;p style=&quot;overflow-wrap: break-word; clear: both;&quot;&gt;&lt;span style=&quot;font-size: 10px; font-family: Arial, sans-serif;&quot;&gt;ID&lt;/span&gt;&lt;span style=&quot;font-size: 10px; font-family: 宋体;&quot;&gt;选择器&lt;/span&gt;&lt;/p&gt;&amp;nbsp;&lt;/td&gt;&lt;td width=&quot;300&quot; style=&quot;border-top: none; border-right-color: white; border-bottom-color: windowtext; border-left: none; line-height: 22px; padding: 2px; overflow: hidden; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;&quot;&gt;&amp;nbsp;&lt;p style=&quot;overflow-wrap: break-word; clear: both; text-indent: 20px;&quot;&gt;&lt;span style=&quot;font-size: 10px; font-family: 宋体;&quot;&gt;选择制定&lt;/span&gt;&lt;span style=&quot;font-size: 10px; font-family: Arial, sans-serif;&quot;&gt;ID&lt;/span&gt;&lt;span style=&quot;font-size: 10px; font-family: 宋体;&quot;&gt;属性值为“&lt;/span&gt;&lt;span style=&quot;font-size: 10px; font-family: Arial, sans-serif;&quot;&gt;id&lt;/span&gt;&lt;span style=&quot;font-size: 10px; font-family: 宋体;&quot;&gt;”的任意类型元素&lt;/span&gt;&lt;/p&gt;&amp;nbsp;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td width=&quot;90&quot; style=&quot;border-top: none; border-right-color: windowtext; border-bottom-color: windowtext; border-left-color: white; line-height: 22px; padding: 2px; overflow: hidden; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;&quot;&gt;&amp;nbsp;&lt;p style=&quot;overflow-wrap: break-word; clear: both; text-indent: 20px;&quot;&gt;&lt;span style=&quot;font-size: 10px; font-family: Arial, sans-serif;&quot;&gt;.class&lt;/span&gt;&lt;/p&gt;&amp;nbsp;&lt;/td&gt;&lt;td width=&quot;50&quot; style=&quot;border-top: none; border-right-color: windowtext; border-bottom-color: windowtext; border-left: none; line-height: 22px; padding: 2px; overflow: hidden; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;&quot;&gt;&amp;nbsp;&lt;p style=&quot;overflow-wrap: break-word; clear: both;&quot;&gt;&lt;span style=&quot;font-size: 10px; font-family: 宋体;&quot;&gt;类选择器&lt;/span&gt;&lt;/p&gt;&amp;nbsp;&lt;/td&gt;&lt;td width=&quot;300&quot; style=&quot;border-top: none; border-right-color: white; border-bottom-color: windowtext; border-left: none; line-height: 22px; padding: 2px; overflow: hidden; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;&quot;&gt;&amp;nbsp;&lt;p style=&quot;overflow-wrap: break-word; clear: both; text-indent: 20px;&quot;&gt;&lt;span style=&quot;font-size: 10px; font-family: 宋体;&quot;&gt;选择指定&lt;/span&gt;&lt;span style=&quot;font-size: 10px; font-family: Arial, sans-serif;&quot;&gt;class&lt;/span&gt;&lt;span style=&quot;font-size: 10px; font-family: 宋体;&quot;&gt;属性值为“&lt;/span&gt;&lt;span style=&quot;font-size: 10px; font-family: Arial, sans-serif;&quot;&gt;class&lt;/span&gt;&lt;span style=&quot;font-size: 10px; font-family: 宋体;&quot;&gt;”的任意类型的任意多个元素&lt;/span&gt;&lt;/p&gt;&amp;nbsp;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td width=&quot;90&quot; style=&quot;border-top: none; border-right-color: windowtext; border-bottom-color: white; border-left-color: white; line-height: 22px; padding: 2px; overflow: hidden; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;&quot;&gt;&amp;nbsp;&lt;p style=&quot;overflow-wrap: break-word; clear: both;&quot;&gt;&lt;span style=&quot;font-size: 9px; font-family: Arial, sans-serif;&quot;&gt;Selector,SelectorN&lt;/span&gt;&lt;/p&gt;&amp;nbsp;&lt;/td&gt;&lt;td width=&quot;50&quot; style=&quot;border-top: none; border-right-color: windowtext; border-bottom-color: white; border-left: none; line-height: 22px; padding: 2px; overflow: hidden; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;&quot;&gt;&amp;nbsp;&lt;p style=&quot;overflow-wrap: break-word; clear: both;&quot;&gt;&lt;span style=&quot;font-size: 10px; font-family: 宋体;&quot;&gt;分组选择器&lt;/span&gt;&lt;/p&gt;&amp;nbsp;&lt;/td&gt;&lt;td width=&quot;300&quot; style=&quot;border-top: none; border-right-color: white; border-bottom-color: white; border-left: none; line-height: 22px; padding: 2px; overflow: hidden; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;&quot;&gt;&amp;nbsp;&lt;p style=&quot;overflow-wrap: break-word; clear: both; text-indent: 20px;&quot;&gt;&lt;span style=&quot;font-size: 10px; font-family: 宋体;&quot;&gt;将每一个选择器匹配的元素集合并&lt;/span&gt;&lt;/p&gt;&amp;nbsp;&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;p style=&quot;white-space: normal; margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; text-indent: 2em; color: rgb(24, 30, 51); font-family: PingFangSC, 微软雅黑, 黑体, Arial, Helvetica, sans-serif; font-size: 18px; background-color: rgb(255, 255, 255);&quot;&gt;&lt;strong&gt;&lt;span style=&quot;font-size: 10px; font-family: 宋体; color: #333333; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;&quot;&gt;备注&lt;/span&gt;&lt;/strong&gt;&lt;strong&gt;&lt;span style=&quot;font-size: 10px; font-family: Arial, sans-serif; color: #333333; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;&quot;&gt;:&amp;nbsp;&lt;/span&gt;&lt;/strong&gt;&lt;span style=&quot;font-size: 10px; font-family: Arial, sans-serif; color: #333333; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;&quot;&gt;&amp;quot;CSS&amp;quot;&lt;/span&gt;&lt;span style=&quot;font-size: 10px; font-family: 宋体; color: #333333; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;&quot;&gt;列指示该属性是在哪个&lt;/span&gt;&lt;span style=&quot;font-size: 10px; font-family: Arial, sans-serif; color: #333333; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;&quot;&gt;&amp;nbsp;CSS&amp;nbsp;&lt;/span&gt;&lt;span style=&quot;font-size: 10px; font-family: 宋体; color: #333333; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;&quot;&gt;版本中定义的。（&lt;/span&gt;&lt;span style=&quot;font-size: 10px; font-family: Arial, sans-serif; color: #333333; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;&quot;&gt;CSS1&lt;/span&gt;&lt;span style=&quot;font-size: 10px; font-family: 宋体; color: #333333; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;&quot;&gt;、&lt;/span&gt;&lt;span style=&quot;font-size: 10px; font-family: Arial, sans-serif; color: #333333; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;&quot;&gt;CSS2&amp;nbsp;&lt;/span&gt;&lt;span style=&quot;font-size: 10px; font-family: 宋体; color: #333333; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;&quot;&gt;还是&lt;/span&gt;&lt;span style=&quot;font-size: 10px; font-family: Arial, sans-serif; color: #333333; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;&quot;&gt;&amp;nbsp;CSS3&lt;/span&gt;&lt;span style=&quot;font-size: 10px; font-family: 宋体; color: #333333; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;&quot;&gt;。）&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;white-space: normal; margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; text-indent: 21px; color: rgb(24, 30, 51); font-family: PingFangSC, 微软雅黑, 黑体, Arial, Helvetica, sans-serif; font-size: 18px; background-color: rgb(255, 255, 255);&quot;&gt;&lt;strong&gt;&lt;span style=&quot;font-family: 宋体; color: #111111; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;&quot;&gt;1.CSS&amp;nbsp;&lt;/span&gt;&lt;/strong&gt;&lt;strong&gt;&lt;span style=&quot;font-family: 宋体; color: #111111; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;&quot;&gt;元素选择器&lt;/span&gt;&lt;/strong&gt;&lt;/p&gt;&lt;p style=&quot;white-space: normal; margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; text-indent: 28px; color: rgb(24, 30, 51); font-family: PingFangSC, 微软雅黑, 黑体, Arial, Helvetica, sans-serif; font-size: 18px; background-color: rgb(255, 255, 255);&quot;&gt;&lt;span style=&quot;font-family: 宋体;&quot;&gt;最常见的 CSS 选择器是元素选择器。换句话说，文档的元素就是最基本的选择器。如果设置 HTML的样式，选择器通常将是某个 HTML 元素，比如 p、h1、em、a，甚至可以是 html 本身。&lt;/span&gt;&lt;/p&gt;&lt;table cellspacing=&quot;0&quot; cellpadding=&quot;0&quot;&gt;&lt;tbody&gt;&lt;tr style=&quot;height: 35px;&quot; class=&quot;firstRow&quot;&gt;&lt;td width=&quot;457&quot; valign=&quot;top&quot; height=&quot;35&quot; style=&quot;border-color: rgb(221, 217, 195); line-height: 22px; padding: 4px; overflow: hidden; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;&quot;&gt;&amp;nbsp;&lt;p style=&quot;overflow-wrap: break-word; clear: both; text-indent: 24px;&quot;&gt;&lt;span style=&quot;font-family: 宋体;&quot;&gt;html {color:black;}&lt;/span&gt;&lt;/p&gt;&amp;nbsp;&lt;p style=&quot;overflow-wrap: break-word; clear: both; text-indent: 24px;&quot;&gt;&lt;span style=&quot;font-family: 宋体;&quot;&gt;h1 {color:blue;}&lt;/span&gt;&lt;/p&gt;&amp;nbsp;&lt;p style=&quot;overflow-wrap: break-word; clear: both; text-indent: 24px;&quot;&gt;&lt;span style=&quot;font-family: 宋体;&quot;&gt;h2 {color:silver;}&lt;/span&gt;&lt;/p&gt;&amp;nbsp;&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;p style=&quot;white-space: normal; margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; text-indent: 2em; color: rgb(24, 30, 51); font-family: PingFangSC, 微软雅黑, 黑体, Arial, Helvetica, sans-serif; font-size: 18px; background-color: rgb(255, 255, 255);&quot;&gt;&lt;strong&gt;&lt;span style=&quot;font-family: 宋体; color: #111111; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;&quot;&gt;2. CSS&lt;/span&gt;&lt;/strong&gt;&lt;strong&gt;&lt;span style=&quot;font-family: 宋体; color: #111111; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;&quot;&gt;的id 选择器&lt;/span&gt;&lt;/strong&gt;&lt;/p&gt;&lt;p style=&quot;white-space: normal; margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; text-indent: 28px; color: rgb(24, 30, 51); font-family: PingFangSC, 微软雅黑, 黑体, Arial, Helvetica, sans-serif; font-size: 18px; background-color: rgb(255, 255, 255);&quot;&gt;&lt;span style=&quot;font-family: 宋体;&quot;&gt;id&amp;nbsp;&lt;/span&gt;&lt;span style=&quot;font-family: 宋体;&quot;&gt;选择器可以为标有特定 id 的 HTML 元素指定特定的样式。id 选择器以 &amp;quot;#&amp;quot; 来定义。下面的两个 id 选择器，第一个可以定义元素的颜色为红色，第二个定义元素的颜色为绿色：&lt;/span&gt;&lt;/p&gt;&lt;table cellspacing=&quot;0&quot; cellpadding=&quot;0&quot;&gt;&lt;tbody&gt;&lt;tr style=&quot;height: 30px;&quot; class=&quot;firstRow&quot;&gt;&lt;td width=&quot;451&quot; valign=&quot;top&quot; height=&quot;30&quot; style=&quot;border-color: rgb(221, 217, 195); line-height: 22px; padding: 4px; overflow: hidden; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;&quot;&gt;&amp;nbsp;&lt;p style=&quot;overflow-wrap: break-word; clear: both; text-indent: 24px;&quot;&gt;&lt;span style=&quot;font-family: 宋体;&quot;&gt;#red {color:red;}&lt;/span&gt;&lt;/p&gt;&amp;nbsp;&lt;p style=&quot;overflow-wrap: break-word; clear: both; text-indent: 24px;&quot;&gt;&lt;span style=&quot;font-family: 宋体;&quot;&gt;#green {color:green;}&lt;/span&gt;&lt;/p&gt;&amp;nbsp;&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;p style=&quot;white-space: normal; margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; text-indent: 28px; color: rgb(24, 30, 51); font-family: PingFangSC, 微软雅黑, 黑体, Arial, Helvetica, sans-serif; font-size: 18px; background-color: rgb(255, 255, 255);&quot;&gt;&lt;span style=&quot;font-family: 宋体;&quot;&gt;下面的 HTML 代码中，id 属性为 red的 p 元素显示为红色，而 id 属性为 green 的 p 元素显示为绿色。&lt;/span&gt;&amp;nbsp;&lt;/p&gt;&lt;table cellspacing=&quot;0&quot; cellpadding=&quot;0&quot;&gt;&lt;tbody&gt;&lt;tr style=&quot;height: 22px;&quot; class=&quot;firstRow&quot;&gt;&lt;td width=&quot;446&quot; valign=&quot;top&quot; height=&quot;22&quot; style=&quot;border-color: rgb(221, 217, 195); line-height: 22px; padding: 4px; overflow: hidden; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;&quot;&gt;&amp;nbsp;&lt;p style=&quot;overflow-wrap: break-word; clear: both; text-indent: 24px;&quot;&gt;&lt;span style=&quot;font-family: 宋体;&quot;&gt;&amp;lt;p id=&amp;quot;red&amp;quot;&amp;gt;&lt;/span&gt;&lt;span style=&quot;font-family: 宋体;&quot;&gt;这个段落是红色。&amp;lt;/p&amp;gt;&lt;/span&gt;&lt;/p&gt;&amp;nbsp;&lt;p style=&quot;overflow-wrap: break-word; clear: both; text-indent: 24px;&quot;&gt;&lt;span style=&quot;font-family: 宋体;&quot;&gt;&amp;lt;p id=&amp;quot;green&amp;quot;&amp;gt;&lt;/span&gt;&lt;span style=&quot;font-family: 宋体;&quot;&gt;这个段落是绿色。&amp;lt;/p&amp;gt;&lt;/span&gt;&lt;/p&gt;&amp;nbsp;&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;p style=&quot;white-space: normal; margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; text-indent: 2em; color: rgb(24, 30, 51); font-family: PingFangSC, 微软雅黑, 黑体, Arial, Helvetica, sans-serif; font-size: 18px; background-color: rgb(255, 255, 255);&quot;&gt;&lt;strong&gt;&lt;span style=&quot;font-family: 宋体; color: #111111; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;&quot;&gt;3. CSS&amp;nbsp;&lt;/span&gt;&lt;/strong&gt;&lt;strong&gt;&lt;span style=&quot;font-family: 宋体; color: #111111; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;&quot;&gt;类选择器&lt;/span&gt;&lt;/strong&gt;&lt;/p&gt;&lt;p style=&quot;white-space: normal; margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; text-indent: 28px; color: rgb(24, 30, 51); font-family: PingFangSC, 微软雅黑, 黑体, Arial, Helvetica, sans-serif; font-size: 18px; background-color: rgb(255, 255, 255);&quot;&gt;&lt;span style=&quot;font-family: 宋体;&quot;&gt;类选择器允许以一种独立于文档元素的方式来指定样式。该选择器可以单独使用，也可以与其他元素结合使用。在使用类选择器之前，需要修改具体的文档标记，以便类选择器正常工作。为了将类选择器的样式与元素关联，必须将 class 指定为一个适当的值。请看下面的 HTML 代码：&lt;/span&gt;&lt;/p&gt;&lt;table cellspacing=&quot;0&quot; cellpadding=&quot;0&quot;&gt;&lt;tbody&gt;&lt;tr style=&quot;height: 22px;&quot; class=&quot;firstRow&quot;&gt;&lt;td width=&quot;444&quot; valign=&quot;top&quot; height=&quot;22&quot; style=&quot;border-color: rgb(221, 217, 195); line-height: 22px; padding: 4px; overflow: hidden; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;&quot;&gt;&amp;nbsp;&lt;p style=&quot;overflow-wrap: break-word; clear: both; text-indent: 24px;&quot;&gt;&lt;span style=&quot;font-family: 宋体;&quot;&gt;&amp;lt;h1&amp;gt;&lt;/span&gt;&lt;/p&gt;&amp;nbsp;&lt;p style=&quot;overflow-wrap: break-word; clear: both; text-indent: 24px;&quot;&gt;&lt;span style=&quot;font-family: 宋体;&quot;&gt;This heading is very important.&lt;/span&gt;&lt;/p&gt;&amp;nbsp;&lt;p style=&quot;overflow-wrap: break-word; clear: both; text-indent: 24px;&quot;&gt;&lt;span style=&quot;font-family: 宋体;&quot;&gt;&amp;lt;/h1&amp;gt;&lt;/span&gt;&lt;/p&gt;&amp;nbsp;&lt;p style=&quot;overflow-wrap: break-word; clear: both; text-indent: 24px;&quot;&gt;&lt;span style=&quot;font-family: 宋体;&quot;&gt;&amp;lt;p&amp;gt;&lt;/span&gt;&lt;/p&gt;&amp;nbsp;&lt;p style=&quot;overflow-wrap: break-word; clear: both; text-indent: 24px;&quot;&gt;&lt;span style=&quot;font-family: 宋体;&quot;&gt;This paragraph is very important.&lt;/span&gt;&lt;/p&gt;&amp;nbsp;&lt;p style=&quot;overflow-wrap: break-word; clear: both; text-indent: 24px;&quot;&gt;&lt;span style=&quot;font-family: 宋体;&quot;&gt;&amp;lt;/p&amp;gt;&lt;/span&gt;&lt;/p&gt;&amp;nbsp;&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;p style=&quot;white-space: normal; margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; text-indent: 28px; color: rgb(24, 30, 51); font-family: PingFangSC, 微软雅黑, 黑体, Arial, Helvetica, sans-serif; font-size: 18px; background-color: rgb(255, 255, 255);&quot;&gt;&lt;span style=&quot;font-family: 宋体;&quot;&gt;在上面的代码中，两个元素的 class 都指定为 important：第一个标题（ h1 元素），第二个段落（p 元素）。然后我们使用以下语法向这些归类的元素应用样式，即类名前有一个点号（.）。&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;white-space: normal; margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; text-indent: 2em; color: rgb(24, 30, 51); font-family: PingFangSC, 微软雅黑, 黑体, Arial, Helvetica, sans-serif; font-size: 18px; background-color: rgb(255, 255, 255);&quot;&gt;&amp;nbsp;&lt;/p&gt;&lt;table cellspacing=&quot;0&quot; cellpadding=&quot;0&quot;&gt;&lt;tbody&gt;&lt;tr style=&quot;height: 22px;&quot; class=&quot;firstRow&quot;&gt;&lt;td width=&quot;456&quot; valign=&quot;top&quot; height=&quot;22&quot; style=&quot;border-color: rgb(221, 217, 195); line-height: 22px; padding: 4px; overflow: hidden; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;&quot;&gt;&amp;nbsp;&lt;p style=&quot;overflow-wrap: break-word; clear: both; text-indent: 24px;&quot;&gt;&lt;span style=&quot;font-family: 宋体;&quot;&gt;.important {color:red;}&lt;/span&gt;&lt;/p&gt;&amp;nbsp;&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;p style=&quot;white-space: normal; margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; text-indent: 2em; color: rgb(24, 30, 51); font-family: PingFangSC, 微软雅黑, 黑体, Arial, Helvetica, sans-serif; font-size: 18px; background-color: rgb(255, 255, 255);&quot;&gt;&lt;strong&gt;&lt;span style=&quot;font-family: 宋体; color: #111111; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;&quot;&gt;4.&amp;nbsp;&lt;/span&gt;&lt;/strong&gt;&lt;strong&gt;&lt;span style=&quot;font-family: 宋体; color: #111111; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;&quot;&gt;分组选择器&lt;/span&gt;&lt;/strong&gt;&lt;/p&gt;&lt;p style=&quot;white-space: normal; margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; text-indent: 28px; color: rgb(24, 30, 51); font-family: PingFangSC, 微软雅黑, 黑体, Arial, Helvetica, sans-serif; font-size: 18px; background-color: rgb(255, 255, 255);&quot;&gt;&lt;span style=&quot;font-family: 宋体;&quot;&gt;假设希望 h2 元素和段落都有灰色。为达到这个目的，最容易的做法是使用以下声明：&lt;/span&gt;&lt;/p&gt;&lt;table cellspacing=&quot;0&quot; cellpadding=&quot;0&quot;&gt;&lt;tbody&gt;&lt;tr style=&quot;height: 22px;&quot; class=&quot;firstRow&quot;&gt;&lt;td width=&quot;459&quot; valign=&quot;top&quot; height=&quot;22&quot; style=&quot;border-color: rgb(221, 217, 195); line-height: 22px; padding: 4px; overflow: hidden; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;&quot;&gt;&amp;nbsp;&lt;p style=&quot;overflow-wrap: break-word; clear: both; text-indent: 24px;&quot;&gt;&lt;span style=&quot;font-family: 宋体;&quot;&gt;h2, p {color:gray;}&lt;/span&gt;&lt;/p&gt;&amp;nbsp;&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;p style=&quot;white-space: normal; margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; text-indent: 28px; color: rgb(24, 30, 51); font-family: PingFangSC, 微软雅黑, 黑体, Arial, Helvetica, sans-serif; font-size: 18px; background-color: rgb(255, 255, 255);&quot;&gt;&lt;span style=&quot;font-family: 宋体;&quot;&gt;将 h2 和 p 选择器放在规则左边，然后用逗号分隔，就定义了一个规则。其右边的样式（color:gray;）将应用到这两个选择器所引用的元素。逗号告诉浏览器，规则中包含两个不同的选择器。可以将任意多个选择器分组在一起，对此没有任何限制。例如，如果您想把很多元素显示为灰色，可以使用类似如下的规则：&lt;/span&gt;&lt;/p&gt;&lt;table cellspacing=&quot;0&quot; cellpadding=&quot;0&quot;&gt;&lt;tbody&gt;&lt;tr style=&quot;height: 22px;&quot; class=&quot;firstRow&quot;&gt;&lt;td width=&quot;455&quot; valign=&quot;top&quot; height=&quot;22&quot; style=&quot;border-color: rgb(221, 217, 195); line-height: 22px; padding: 4px; overflow: hidden; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;&quot;&gt;&amp;nbsp;&lt;p style=&quot;overflow-wrap: break-word; clear: both; text-indent: 24px;&quot;&gt;&lt;span style=&quot;font-family: 宋体;&quot;&gt;body, h2, p, table, th, td, pre, &amp;nbsp;strong, em {color:gray;}&lt;/span&gt;&lt;/p&gt;&amp;nbsp;&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;p style=&quot;white-space: normal; margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; text-indent: 2em; color: rgb(24, 30, 51); font-family: PingFangSC, 微软雅黑, 黑体, Arial, Helvetica, sans-serif; font-size: 18px; background-color: rgb(255, 255, 255);&quot;&gt;&lt;strong&gt;&lt;span style=&quot;font-family: 宋体; color: #111111; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;&quot;&gt;&amp;nbsp;5. CSS *&lt;/span&gt;&lt;/strong&gt;&lt;strong&gt;&lt;span style=&quot;font-family: 宋体; color: #111111; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;&quot;&gt;选择器&lt;/span&gt;&lt;/strong&gt;&lt;/p&gt;&lt;p style=&quot;white-space: normal; margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; text-indent: 21px; color: rgb(24, 30, 51); font-family: PingFangSC, 微软雅黑, 黑体, Arial, Helvetica, sans-serif; font-size: 18px; background-color: rgb(255, 255, 255);&quot;&gt;&lt;span style=&quot;font-family: 宋体;&quot;&gt;选择所有元素，并设置它们的背景色：&lt;/span&gt;&lt;/p&gt;&lt;table cellspacing=&quot;0&quot; cellpadding=&quot;0&quot;&gt;&lt;tbody&gt;&lt;tr style=&quot;height: 22px;&quot; class=&quot;firstRow&quot;&gt;&lt;td width=&quot;450&quot; valign=&quot;top&quot; height=&quot;22&quot; style=&quot;border-color: rgb(221, 217, 195); line-height: 22px; padding: 4px; overflow: hidden; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;&quot;&gt;&amp;nbsp;&lt;p style=&quot;overflow-wrap: break-word; clear: both; text-indent: 24px;&quot;&gt;&lt;span style=&quot;font-family: 宋体;&quot;&gt;*{ background-color:yellow;}&lt;/span&gt;&lt;/p&gt;&amp;nbsp;&lt;br/&gt;&lt;br/&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;p&gt;&lt;br/&gt;&lt;/p&gt;</description><pubDate>Wed, 02 Nov 2022 11:32:10 +0800</pubDate></item></channel></rss><!--28.37 ms , 6 query , 2427kb memory , 0 error-->