CSS 选择器测试器
免费在线 CSS 选择器测试工具。
Try:
p,.intro,li:nth-child(2)Test results will appear here...
Common CSS Selectors Reference
Basic Selectors
element - Element by tag.class - By class name#id - By ID[attr] - By attributeCombinators
A B - DescendantA > B - ChildA + B - Adjacent siblingA ~ B - General siblingPseudo-classes
:first-child:last-child:nth-child(n):not(selector)Attribute Selectors
[attr=value] - Exact[attr*=value] - Contains[attr^=value] - Starts with[attr$=value] - Ends withCSS 选择器测试器
针对 HTML 标记测试 CSS 选择器。
评价此工具
4.2 / 5 · 126 人评价
Recommended
Tailwind UIBeautiful UI components保持更新
获取每周开发技巧和新工具通知。
无垃圾邮件，随时退订。
Enjoy these free tools?
☕Buy Me a CoffeeHow to Use CSS Selector Tester
- Enter your input or configuration in the CSS Selector Tester
- Set up test parameters and options as needed
- Click Test or Run to execute the test
- Review the results and output details
Common Use Cases
- Testing CSS selectors against sample HTML markup
- Learning CSS selector syntax with instant feedback
- Debugging CSS selectors that aren't matching elements
- Validating complex CSS selectors before deployment