Selector Type | Example | Note |
---|---|---|
Universal selector | * { color:#555; } | / |
Type selectors | b { color:red; } | div,p select all <div> elements and all <p> elements. |
Class selectors | .classname { color:blue; } | / |
ID selectors | #idname { background:cyan; } | / |
Descendant selectors | span em { color:green } | Select all <em> elements who have a parent element of <span>. |
Child selectors | div > em { background:lime; } | Select all <em> elements who have a direct parent element of <div> |
Adjacent sibling selectors | i + b { color:gray; } | Select the <b> element who is directly after the <i> element, and meanwhile both the <i> and <b> elements should be within a same parent element. |
Attribute selectors | a[href=’info.htm’] { color:red; } | / |
Pseudoclasses | a:hover { font-weight:bold; } | / |
Pseudoelements | p::first-letter { font-size:300% } | / |
CSS Selectors, Pseudoclasses, and Pseudoelements
文章名称:《CSS Selectors, Pseudoclasses, and Pseudoelements》
文章链接:https://www.orzzone.com/css-selectors-pseudoclasses-and-pseudoelements.html
商业联系:yakima.public@gmail.com
本站大部分文章为原创或编译而来,对于本站版权文章,未经许可不得用于商业目的,非商业性转载请以链接形式标注原文出处。
本站内容仅供个人学习交流,不做为任何投资、建议的参考依据,因此产生的问题需自行承担。
文章链接:https://www.orzzone.com/css-selectors-pseudoclasses-and-pseudoelements.html
商业联系:yakima.public@gmail.com
本站大部分文章为原创或编译而来,对于本站版权文章,未经许可不得用于商业目的,非商业性转载请以链接形式标注原文出处。
本站内容仅供个人学习交流,不做为任何投资、建议的参考依据,因此产生的问题需自行承担。