提供Discuz ,ECShop ,PHPCMS ,帝国CMS ,CSS教程 ,PHP教程 ,DedeCMS ,WordPress ,HTML教程等cms问题查询.
当前位置: CSS教程 > css类选择符用什么示意?【css教程】,css,类选择符

CSS类选择器

类选择器许能够一种独立于文档元素的体式格局来指定款式。该选择器能够零丁运用,也能够与其他元素连系运用。

提醒:只要适当地标记文档后,才运用这些选择器,所以运用这两种选择器一般须要先做一些设想和设想。

要运用款式而不斟酌细致设想的元素,最经常使用的要领就是运用类选择器。

在 CSS 中,类选择符以一个点号显现,例:

.center {text-align: center}

在上面的例子中,一切具有 center 类的 HTML 元素均为居中。

鄙人面的 HTML 代码中,h1 和 p 元素都有 center 类。这意味着二者都将恪守 ".center" 选择器中的划定规矩。

<h1 class="center">
This heading will be center-aligned
</h1>
<p class="center">
This paragraph will also be center-aligned.
</p>

注重:类名的第一个字符不能运用数字!它没法在 Mozilla 或 Firefox 中起作用。

连系其他选择器

类选择器能够连系其他选择器来运用,比如说:元素选择器。

比方,您能够愿望只要段落显现为赤色文本:

p.center{color:red;}

选择器如今会婚配 class 属性包括center的一切 p 元素,然则其他任何范例的元素都不婚配,不管是不是有此 class 属性。选择器 p.center 解释为:“其 class 属性值为 center 的一切段落”。 由于 h1 元素不是段落,这个划定规矩的选择器与之不婚配,因而 h1 元素不会变成赤色文本。

假如你确切愿望为 h1 元素指定差别的款式,能够运用选择器 h1.center:

p.center {color:red;}
h1.center {color:blue;}

以上就是css类选择符用什么示意?的细致内容,更多请关注ki4网别的相干文章!

「梦想一旦被付诸行动,就会变得神圣,如果觉得我的文章对您有用,请帮助本站成长」

分享到:
赞(0) 打赏

支付宝扫一扫打赏

微信扫一扫打赏

标签:

上一篇:

下一篇:

相关推荐

0 条评论关于"css类选择符用什么示意?【css教程】,css,类选择符"

最新评论

    暂无留言哦~~

博客简介

看古风美女插画Cos小姐姐,素材合集图集打包下载:炫龙网,好看二次元插画应有尽有,唯美小姐姐等你来。

友情链接

他们同样是一群网虫,却不是每天泡在网上游走在淘宝和网游之间、刷着本来就快要透支的信用卡。他们或许没有踏出国门一步,但同学却不局限在一国一校,而是遍及全球!申请交换友链

服务热线:
 

 QQ在线交流

 旺旺在线