css 中的class是啥意思!

Posted 2023-03-19

class是类选择器，允许以一种独立于文档元素的方式来指定样式。

在使用类选择器之前，需要修改具体的文档标记，以便类选择器正常工作。

为了将类选择器的样式与元素关联，必须将 class 指定为一个适当的值。请看下面的 html 代码：

<h1 class="important"> This heading is very important. </h1> <p class="important"> This paragraph is very important. </p>

在上面的代码中，两个元素的 class 都指定为 important：第一个标题（ h1 元素），第二个段落（p 元素）。

扩展资料

 class 值中包含一个词的情况。在 HTML 中，一个 class 值中可能包含一个词列表，各个词之间用空格分隔。

例如：如果希望将一个特定的元素同时标记为重要（important）和警告（warning），就可以写作：<p class="important warning"> This paragraph is a very important warning. </p> 这两个词的顺序无关紧要，写成 warning important 也可以。

假设 class 为 important 的所有元素都是粗体，而 class 为 warning 的所有元素为斜体，class 中同时包含 important 和 warning 的所有元素还有一个银色的背景 。

就可以写作：.important font-weight:bold; .warning font-weight:italic; .important.warning background:silver; 通过把两个类选择器链接在一起，仅可以选择同时包含这些类名的元素（类名的顺序不限）。

参考资料来源：百度百科-类选择器

参考技术A

1、class属性命名后，可以在css中设置标签的样式，而且class属性具有重复性和多样性。下面做一个演示，首先新建一个html文件，这里输入三个h1标签：

2、接着给第一个h1标签设置class属性，在style中设置样式，这里的class就叫“h1”：

3、打开浏览器查看效果，相比没有设置class属性的h1标签，设置class的h1标签变成了红色，字体也变大了：

4、接下来演示class的复用性，这里给三个h1标签都设置class属性：

5、打开浏览器，查看效果，发现三个h1标签都变大变红了。以上就是css中class的用法演示：

参考技术B CLASS是类选择器，
比如 一个 a标签<a class="a1"></a>
a标签的class就是a1

写a标签的样式就是这样了
<style>
.a1
text-decoration:none;
color:#00000;

</style>
用.来选取 a标签 来改变其样式 参考技术C CSS 类选择器
在CSS中也书面语也叫“类”。在CSS样式中以小写的“点”及“.”来命名
类选择器允许以一种独立于文档元素的方式来指定样式。

参考资料：http://www.w3school.com.cn/css/css_selector_class.asp

参考技术D 类的意思，就是定义了这个类的属性，可以重复使用。和ID不同。

Rails 中的“class << self”是啥意思？ [复制]

【中文标题】Rails 中的“class << self”是啥意思？ [复制]

【英文标题】：what does "class << self" mean in Rails? [duplicate]Rails 中的“class << self”是什么意思？ [复制]

【发布时间】：2011-06-06 10:17:48

【问题描述】：

可能的重复：class << self idiom in RubyCan someone please explain class << self to me?

我想知道class << self 语句在模型类中是什么意思？它内部的语句与外部的语句有何不同。例如：

class Post < ActiveRecord::Base

  class << self
     def search(q)
          # search from DB
     end
  end
   def search2(qq)
         # search from DB
   end
end

class << self 是什么意思？

方法search(q)和search2(qq)有什么区别？

【问题讨论】：

search2 是一个非常糟糕的方法名称。

还有 Rails class << self 和 Difference between 'self.method_name' and 'class << self' in Ruby 和 Can someone please explain class << self to me? 的副本。请在发布问题前进行搜索。

【参考方案1】：

search2 是一个实例方法，而search 是一个类方法。 class << self 语法使您能够对下面的类方法进行分组。 Ruby 中定义类方法的三种方式：

class MyClass
    def self.method
        # do sth.
    end

    def MyClass.method2
        # do sth.
    end

    class << self
        def method3
            # do sth.
        end 

        def another_class_method
            # do sth.
        end
    end
end

类方法是在一个类上调用的，而不是在一个实例上。您想使用这三个成语中的哪一个是个人喜好。我更喜欢def self.method，没有什么特别的原因。

【参考方案2】：

就是这样

class Post < ActiveRecord::Base

  def self.search(q)
    # Class Level Method
    # search from DB
  end

  def search2(qq)
    # Instance Level Method
    # search from DB
  end
end

类方法作用于类（例如 Post），实例方法作用于该类的实例（例如 Post.new）

有些人喜欢class << self; code; end; 方式，因为它将所有类级别的方法保存在一个不错的块中和一个地方。

其他人喜欢在每个方法前加上self.，以明确知道这是类方法而不是实例方法。这是风格和编码方式的问题。如果您将所有类方法放在像class << self 这样的块中，并且该块足够长，则class << self 行可能不在您的编辑器视图中，从而很难知道您在类实例块中。

另一方面，在每个方法前面加上self. 并将它们与实例方法混合也是一个坏主意，您如何在阅读代码时知道所有类方法。

为自己的代码库选择一个您喜欢的惯用语，但如果您从事开源项目或协作处理其他人的代码，请使用他们的代码格式规则。

【参考方案3】：

它创建类方法而不是实例方法。与def self.search(q) 相同。这两种方法的调用方式如下：

Post.search(q)
Post.new.search(qq)