基本上,我想知道什么是最好的,以避免未来的问题和CSS代码混淆...
命名CSS礼节是这样的:
div#content
ul#navigation
div.float-left
Run Code Online (Sandbox Code Playgroud)
(这真的没必要吗?)
要不就
#content
#navigation
.float-left
Run Code Online (Sandbox Code Playgroud)
我没有大型项目的经验,所以我希望有人能告诉我哪种方法在HTML和CSS变得更长时更好用.
这取决于你想要发生什么.
#content
Run Code Online (Sandbox Code Playgroud)
将适用于id ="content"的所有内容,但是
div#content
Run Code Online (Sandbox Code Playgroud)
仅适用于id ="content"的<div>.
这通常是类的一个问题,因为ID在页面上的所有元素中应该是唯一的.
所以底线是,如果您知道样式信息仅适用于某种类型的HTML元素,那么请包含元素标记.这可以阻止样式意外地应用于具有相同类(或ID,但那是顽皮的)的不同元素.