Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/37.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Css DIVITIS和使用多个类_Css - Fatal编程技术网

Css DIVITIS和使用多个类

Css DIVITIS和使用多个类,css,Css,我在CSS中创建了许多基本类,如圆形、隐藏、红色、浮动等。。。我使用它们就像使用乐高积木一样,为了得到想要的结果。为什么?因为我的网站是以友好方式呈现的,它们可能有多个选项。我不想为每个可能的组合创建一个单独的类,所以我决定创建多个类,并为每个div分配五个甚至六个不同的类。另一方面,我听说了DIVITIS的问题。我知道我使用的所有div都是必需的。但我的问题是: 这些都是问题吗?我的意思是,在不同的设备上渲染,或者渲染时间等等 使用示例: 就我个人而言,我更喜欢按css类的名称命名,而不是按它

我在CSS中创建了许多基本类,如圆形、隐藏、红色、浮动等。。。我使用它们就像使用乐高积木一样,为了得到想要的结果。为什么?因为我的网站是以友好方式呈现的,它们可能有多个选项。我不想为每个可能的组合创建一个单独的类,所以我决定创建多个类,并为每个div分配五个甚至六个不同的类。另一方面,我听说了DIVITIS的问题。我知道我使用的所有div都是必需的。但我的问题是: 这些都是问题吗?我的意思是,在不同的设备上渲染,或者渲染时间等等

使用示例:


就我个人而言,我更喜欢按css类的名称命名,而不是按它们的外观命名,例如:

<div class="menu">...
<label class="caption">...
然后,我将创建一个设置为红色的类定义,并将所有类都设置为红色

例如,menu.menu.caption{color:red}

等等

这样,您就可以定义一个完全不同的样式,并且css命名保持不变。如果您有名为red、rounded等的类,那么您必须使用这种样式,否则名称将变得毫无意义


当然,这可能与您的动态渲染无关,但您尚未说明这需要什么。

就我个人而言,我更喜欢按css类的名称命名,而不是按它们的外观命名,例如:

<div class="menu">...
<label class="caption">...
然后,我将创建一个设置为红色的类定义,并将所有类都设置为红色

例如,menu.menu.caption{color:red}

等等

这样,您就可以定义一个完全不同的样式,并且css命名保持不变。如果您有名为red、rounded等的类,那么您必须使用这种样式,否则名称将变得毫无意义


当然,这可能与您的动态渲染无关,但您还没有说明这需要什么。

我想这与Divitis本身无关。经典的好吧,少一点。。。的定义是在不需要包装的地方使用包装。当有人使用太多的泛型容器,用类定义它们的语义时,实际上它被称为classitis

但我想在此指出另一个问题:按照这个惯例,您实际上移动了CSS工作样式。。。返回到HTML。例如,如果您需要更改某个块的颜色,您不需要触摸CSS文件—您可以编辑HTML本身,将“红色”类替换为“橙色”类。至少可以说,我不认为CSS和HTML应该如何协作


相反,在我们的环境中,我们使用逻辑块,但它们只是it逻辑块。我们并不是唯一这样做的人:如果你仔细研究Twitter引导框架的约定,我想你会看到同样的方法。HTML中的逻辑块,CSS中的样式——当然,也很少使用通用块。对我来说,一个很好的例子是Bootstrap的图标样式:当使用元素而不是更通用的跨度时。

我想这与Divitis本身无关。经典的好吧,少一点。。。的定义是在不需要包装的地方使用包装。当有人使用太多的泛型容器,用类定义它们的语义时,实际上它被称为classitis

但我想在此指出另一个问题:按照这个惯例,您实际上移动了CSS工作样式。。。返回到HTML。例如,如果您需要更改某个块的颜色,您不需要触摸CSS文件—您可以编辑HTML本身,将“红色”类替换为“橙色”类。至少可以说,我不认为CSS和HTML应该如何协作


相反,在我们的环境中,我们使用逻辑块,但它们只是it逻辑块。我们并不是唯一这样做的人:如果你仔细研究Twitter引导框架的约定,我想你会看到同样的方法。HTML中的逻辑块,CSS中的样式——当然,也很少使用通用块。对我来说,一个很好的例子是Bootstrap的图标样式:当使用元素而不是更通用的跨度时。

如果您也共享CSS,我们会有更好的主意。重新动态渲染。你是说,对于一个特定的div,div的外观/颜色等是由用户通过config或其他方式设置的吗?@jackwanders更新了问题。@JonEgerton是的。。。我的意思是因为内容是以不同的方式显示的,这取决于它的类型、长度等。。。这是由脚本决定的,在分析它之后:如果你也共享CSS,我们会有一个更好的主意。你是说,对于一个特定的div,div的外观/颜色等是由用户通过config或其他方式设置的吗?@jackwanders更新了问题。@JonEgerton是的。。。我的意思是因为内容是以不同的方式显示的,这取决于它的类型、长度等。。。这是由脚本决定的,在分析它之后:好吧,但是还有一部分我没有说:所有的HTML都是由PHP函数生成的,它根据颜色、大小等参数创建框。。。这个想法是:如果我想
要编辑我的页面,我只需要编辑php文件,该文件生成CSS样式的HTML。问题是:这种向用户生成内容的方式是否有任何错误?浏览器兼容性,渲染等等…@凯内迪,如果你需要编辑PHP文件来改变样式,你真的认为这是一个好处吗?至于你的直接问题,我不认为这可能会导致立即的负面影响一种风格就是一种风格就是一种风格,毕竟,但我认为维护和更新这个网站并不容易——特别是随着时间的推移……然后我会试着用乔恩的方法,它看起来更干净。谢谢分享知识:好吧,但还有一部分我没有说:所有的HTML都是由PHP函数生成的,它根据颜色、大小等参数创建框。。。这个想法是:如果我想编辑我的页面,我只需要编辑php文件,它可以生成CSS样式的HTML。问题是:这种向用户生成内容的方式是否有任何错误?浏览器兼容性,渲染等等…@凯内迪,如果你需要编辑PHP文件来改变样式,你真的认为这是一个好处吗?至于你的直接问题,我不认为这可能会导致立即的负面影响一种风格就是一种风格就是一种风格,毕竟,但我认为维护和更新这个网站并不容易——特别是随着时间的推移……然后我会试着用乔恩的方法,它看起来更干净。感谢您分享知识:
<div class="menu">...
<label class="caption">...