css选择元素时有没有空格的区别

html-css030

css选择元素时有没有空格的区别,第1张

css选择元素时有没有空格的区别，举例如下：

example .pp{

color: orange

}

.

example.pp2 {

color: green

}

如上面的两个定义一个是中间有空格，一个是中间没空格。

第一个class要这样写生效：<p class="example">文字文字<span class="pp">pp这个class生效</span>....</p>

第二个class要这样写生效：<p class="example pp2">pp2这个class生效</p>

.example .pp = E F 是后代选择器。

.example.pp2 则是在一个元素上，这个元素包括这两个类才会有效果。

.example .pp中间用空格隔开，表示后代选择器，选择的是.example内的.pp。

使用 textare ，输入的文本；当存在换行（ \n ）、空格符的时候，显示的文本与输入框的文本显示不一致，换行和空格并未生效。如下图：想要的效果图如下：https://blog.csdn.net/Leon_940002463/article/details/102775758