.col-xs-4 或 col-xs-4 有什么区别

Question

新增 HTML、CSS 和 Bootstrap。是否有必要在 col-xs-4 之前添加一个句点？.col-xs-4 和 col-xs-4 有什么区别？

我目前有这个：

<div class="row">
  <div class=".col-xs-4">
  <h1 class="#">Hello, world!</h1>
  <p class="#">Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p>
</div>

谢谢你的时间。

Answer 1

不要添加句点。点在 CSS 中用于将其指定为类。

.col-xs-4 {
width: 25%;
}

然后将该类添加到 HTML 中的元素中。不需要点，因为它位于类属性中。

<div class="col-xs-4">Some content</div>

Answer 2

不应在

元素的 class 属性中col-xs-4之前放置.。.是用于指示在下一个选择器段开始之前跟随的任何内容都是类的字符。

同样，您不希望在 ID 字段中放置#字符。

参考：W3 学校 CSS 选择器页面