/* pre标签内为代码块,不会被浏览器渲染 */ /* CSS不提供操作DOM的能力 */ const myElement = document.getElementById('element'); myElement.style.color = 'red'; /* 这种方式不属于CSS的范畴 */ /* CSS不提供JavaScript中的逻辑操作和变量定义 */ .color-red { color: red; } .color-blue { color: blue; } /* CSS不提供动态渲染和交互效果 */ .tooltip:hover { visibility: visible; } .tooltip { position: relative; } .tooltip .tooltiptext { visibility: hidden; width: 120px; background-color: black; color: white; text-align: center; border-radius: 6px; padding: 5px; /* 以下不属于CSS的能力 */ position: absolute; z-index: 1; } /* CSS不提供样式隔离 */ /* global.css */ .btn { color: red; } /* home.css */ .btn { color: blue; }
综上所述,虽然CSS是网页开发中很重要的一部分,但是在实际使用中需要注意,CSS系统并不提供一些常见的功能,因此需要结合其他工具和技术进行完善。