Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/41.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 例如,p.post{color:#336;}和.post p{color:#336;}之间有什么区别?_Css - Fatal编程技术网

Css 例如,p.post{color:#336;}和.post p{color:#336;}之间有什么区别?

Css 例如,p.post{color:#336;}和.post p{color:#336;}之间有什么区别?,css,Css,我一直在样式表中使用此结构: .post {padding: 10px;} .post h1 {color: #336;} .post p {font-size: 1em;} 使用此html: <div class="post"> <h1>title</h1> <p>content</p> </div> <h1 class="post">title</h1> <p class="post"&

我一直在样式表中使用此结构:

.post {padding: 10px;}
.post h1 {color: #336;}
.post p {font-size: 1em;}
使用此html:

<div class="post">
<h1>title</h1>
<p>content</p>
</div>
<h1 class="post">title</h1>
<p class="post">content</p>
使用此html:

<div class="post">
<h1>title</h1>
<p>content</p>
</div>
<h1 class="post">title</h1>
<p class="post">content</p>
标题
内容

我正致力于一个主题,我将给其他人,因此,这是不够的,它的工作-我希望它反映“最佳实践”(并防止我看起来是一个完全的新手)

我试图找到答案的尝试没有成功——可能是因为搜索词(元素、选择器、css等)太广泛了

提前感谢您的帮助


(同时,感谢您过去的帮助。这是我的第一个问题,但不是我第一次访问该网站。)

他们指定了稍微不同的内容

  • p.post
    匹配同样具有类
    post
    p
    元素(并且只有
    p
    元素)
  • .post p
    匹配一个
    p
    元素,该元素是另一个具有
    post
    类的元素的后代

组合或细化元素以形成CSS规则的运算符的通用术语是选择器或组合器。在CSS3中,它们由定义
p.post
是类选择器的一个示例,而
.post p
说明了后代组合器。

它们指定的内容略有不同

  • p.post
    匹配同样具有类
    post
    p
    元素(并且只有
    p
    元素)
  • .post p
    匹配一个
    p
    元素,该元素是另一个具有
    post
    类的元素的后代

组合或细化元素以形成CSS规则的运算符的通用术语是选择器或组合器。在CSS3中,它们由定义
p.post
是类选择器的一个示例,而
.post p
说明了后代组合符。

如前面所回答,但有一些HTML示例。[]标签的子床

p、 职位 -[p class=“post”]你好

邮政署
-[div class=“post”][p]您好[/p][/div]

已经回答过了,但是有一些HTML示例。[]标签的子床

p、 职位 -[p class=“post”]你好

邮政署
-[div class=“post”][p]再次您好[/p][/div]

谢谢您的快速回复。下面是验证我理解的后续步骤:我的常用技术没有问题,即创建一个类(.post)并将值分配给与特定html标记相关联的属性(.post p、.post h1等)。但是,如果我只是希望所选段落具有蓝色文本(即,不需要设置多个标记的样式),则类选择器选项更可取。对吗?(顺便说一句,我的工具栏上有一个指向w3.org页面的链接。我发现它对于我在某种程度上已经熟悉的东西非常有用,对于新主题就不那么有用了。)是的。这两种方法并不“更好”或“更差”;它们只是用于指定要应用某些样式的目标的两个不同规则。感谢您的快速响应。下面是验证我是否理解的后续步骤:我的常用技术没有问题,即创建一个类(.post)并将值分配给与特定html标记(.post p、.post h1等)关联的属性。但是,如果我只是希望所选段落具有蓝色文本(即,不需要设置多个标记的样式),则类选择器选项更可取。对吗?(顺便说一句,我的工具栏上有一个指向w3.org页面的链接。我发现它对于我在某种程度上已经熟悉的东西非常有用,对于新主题就不那么有用了。)是的。这两种方法并不“更好”或“更差”;它们只是用于指定要应用某些样式的目标的两个不同规则。