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页面的链接。我发现它对于我在某种程度上已经熟悉的东西非常有用,对于新主题就不那么有用了。)是的。这两种方法并不“更好”或“更差”;它们只是用于指定要应用某些样式的目标的两个不同规则。