请问该如何在 React 中运用 CSS？
如何在 React 中运用 CSS
MYYA浏览 810回答 3
3回答
-
烙印99
CSS和网页分离的好处是显而易见的？那要看在什么时代。从传统 HTML 的观点来看，“内容”（HTML）和其渲染方式 (CSS)是可以分离的，例如同样的文章可以被CSS渲染到不同的设备上，例如PC、手机甚至是给视觉障碍的人用的声音设备。基于内容传播，这样分隔就是合理的。而今天，Web已经从相互连接的HTML变成了相互连接的 Web App。用户看到的已经不再是整个HTML，而是由一个一个Web组件组成的应用程序窗口。此时，CSS的全局性带来的就不是方便，而可能是污染了。为了解决这个问题，WebComponent 不得不带来了 Shadow DOM 的新概念。React Component是适应 Web App化的，因此很自然，inline style 的作用自然就会被加强。在需要全局 CSS 的时候，你仍然可以通过为 React Component设置 className 属性，来制定对应的 CSS Class。Inline style也有一些限制，只能通过 CSS 声明（className）来实现，例如声明伪类属性 (a:visited)。 -
慕尼黑5688855
<html><head><meta charset="utf-8"><title>exp</title><style>p{background-image:url(写你的图片url);}</style></head><body><p id="p"></p><a href="javascript:void(0);" onclick="hideImg()">点击我隐藏</a><a href="javascript:void(0);" onclick="showImg()">点击我显示</a><a href=" 任意一个网站">网站名</a></body></html><script>function hideImg(){var p = document.getElementById("p");p.style.backgroundImage = "";}function showImg(){var p = document.getElementById("p");p.style.backgroundImage = "url(写你的图片url)";}</script>
随时随地看视频慕课网APP
React.JS
前端工具