前言
在前端开发中，我们经常会使用 CSS Reset 来清除不同浏览器的默认样式，以便更好地控制页面布局和样式。但是，在使用 CSS Reset 的同时，我们也会遇到一些问题，例如样式冲突、兼容性等等。那么，如何解决这些问题呢？
今天，我们来讨论一个解决方案——JBUG（Just Because You Can）。
什么是 JBUG？
JBUG 是一种前端技术解决方案，它的出发点是“你可以这样做”，也就是说，它并不追求一定要达到某个标准或者要遵循某种规则，而是更加注重实用性和灵活性。
在使用 JBUG 的过程中，我们可以随意修改样式，增加或删除一些元素、类名等等，以达到最终的要求。它并不局限于某种特定的标准或方法，而是允许我们根据实际情况自由创造，从而达到最佳的效果。
JBUG 和 CSS Reset 有何不同？
CSS Reset 追求的是“归零”效果，它会清除浏览器的默认样式，并设置一些通用的样式，从而达到控制布局和样式的目的。CSS Reset 经常会使用一些高度权威的标准和方法，比如 Normalize.css、Eric Meyer's Reset CSS 等等。
而 JBUG 则更加侧重于实用性和灵活性。它不追求完全归零，而是将样式随意创造和修改，以达到最终效果。JBUG 不是一个固定的方案，它允许我们根据实际情况来灵活调整，从而得到更好的效果。
如何使用 JBUG？
在使用 JBUG 时，我们先要明确实现的目标，然后根据目标来制定对应的样式。JBUG 允许我们随意添加样式，并且不用担心污染全局的样式。
以下是一个使用 JBUG 的示例：
-- -------------------- ---- -------
--------- -----
------
------
--------- ---- ----------
-------
---------- -
-------- -----
---------- -----
---------------- -------
------------ -------
------- - -----
---------- ------
-------- -----
-
---- -
------ ------
------- ------
------- -----
----------------- -----
---------- -----
----------- -------
------------ ------
-
-- ---- --
---------- -
-------- ---
-------- ------
------ -----
-
--------
-------
------
---- ------------------
---- -------------------
---- -------------------
---- -------------------
---- -------------------
---- -------------------
---- -------------------
------
-------
-------上面的示例中，我们使用了 JBUG 的一种方法——在样式中随意添加一个伪类 :after，来达到清除浮动的目的，从而避免布局出现问题。这种方法比传统的清除浮动方法更加简洁，同时也不用担心污染全局的样式。
总结
JBUG 是一种前端技术解决方案，它强调实用性和灵活性，不追求固定的标准或方法，而是允许我们根据实际情况自由创造。在使用 JBUG 的时候，我们需要明确实现的目标，并根据目标来制定对应的样式。
当然，使用 JBUG 并不意味着完全放弃 CSS Reset。在实际开发中，我们可以根据具体情况来选择使用不同的技术解决方案，以达到最佳的效果。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6469cb97968c7c53b099cc12