HTML七个选择器和伪类选择器有什么区别呀?😭
html吧
全部回复
仅看楼主
level 2
吾铭| 楼主
上网查了看了看,怎么感觉只不过是方法不一样吧
2022年09月01日 04点09分 1
level 2
吾铭| 楼主
有没有大佬可以教教啊[泪]
2022年09月01日 05点09分 3
level 8
在实际应用的时候,你会发现你的“感觉”是错的,它们之间真的有不同
不同之处在你看的文章里应该已经说明过了。
试试这个HTML结构,可以加深你的印象:
<article id="my_article" class="post">
<header class="post-header">
<h2 class="post-title">樱花园游记</h2>
<span class="author">云升</span> <a href="#" class="categories">日记</a> <time>2022-09-01</time>
</header>
<main class="post-content">
<h2>樱花园游记</h2>
<p>今天下午,我们一家去风景优美的樱花园游玩。</p>
<p>到了风景优美的樱花园,我和妹妹四处张望,欣赏着这娇嫩迷人的樱花。</p>
<img src="" alt="文章内的图片;请填写src属性">
</main>
<footer class="post-meta">
<time>2022-09-01</time> <span class="comments"><span class="comments-count">3</span>条评论</span>
</footer>
</article>
<article id="my_other_article" class="post">
<header class="post-header">
<h2 class="post-title">可爱小金鱼</h2>
<span class="author">云升</span> <a href="#" class="categories">日记</a> <time>2022-09-01</time>
</header>
<main class="post-content">
<p>我家养了五条可爱的小金鱼,两条黄色的,三条红色的。它们每天在水里欢快地游来游去,就象五条彩带在水中飘舞。</p>
<img src="" alt="文章内的图片;请填写src属性">
</main>
<footer class="post-meta">
<time>2022-09-01</time> <span class="comments"><span class="comments-count">5</span>条评论</span>
</footer>
</article>
试着做成这样(提示:边框是2px厚,article或者post的宽度是600px):
2022年09月01日 12点09分 4
(把这个片段想象成博客页面中的一部分,博客里还有导航栏、侧边栏等等,有一部分class与这个片段重叠,你不想把他们改掉)
2022年09月01日 12点09分
level 8
如果只是想让h2 class="post-title"变成粉色的话,那怎么写都可以做到(.post-title, article .post-title, .post .post-header>h2等);但在实际项目中这么写会导致其他【你不想修改的地方】变样
2022年09月01日 12点09分 5
(比如说侧边栏里的文章标题(片段中未体现),也用了class="post-title")
2022年09月01日 12点09分
level 1
我也感觉只是方法不一样
2022年09月03日 17点09分 6
level 1
[摊手]杜孪 学-javascript-开发-到-siki学院 -------谅渍
2022年09月22日 21点09分 8
1