网站开发的技术难点,勒流网站建设制作,网站 开发 外包,广州建站软件目录
非 VIP 用户可前往公众号进行免费阅读
标签选择器
id 选择器
类选择器
介绍
公共类
CSS 中优先用 class 选择器,慎用 id 选择器
后代选择器
交集选择器
以标签名作为开头
以类名作为开头
连续交集
并集选择器(分组选择器)
通配符*
儿子选择器 (IE7…目录
非 VIP 用户可前往公众号进行免费阅读
标签选择器
id 选择器
类选择器
介绍
公共类
CSS 中优先用 class 选择器,慎用 id 选择器
后代选择器
交集选择器
以标签名作为开头
以类名作为开头
连续交集
并集选择器(分组选择器)
通配符*
儿子选择器 (IE7 开始兼容,IE6 不兼容)
下一个兄弟选择器(IE7 开始兼容,IE6 不兼容)
序选择器(IE8 开始兼容,IE6、7 都不兼容) 非 VIP 用户可前往公众号进行免费阅读
CSS 选择器的分类与使用要点一这篇文章主要介绍了 CSS 选择器,包括标签选择器、id 选择器、类选择器(含介绍、公共类等),还提到在 CSS 中优先用 class 选择器,慎用 id 选择器,另外还有后代选择器和交集选择器(分以标签名、类名开头及连续交集等情况)。https://mp.weixin.qq.com/s?__biz=MzIxNTcyNjE0NA==mid=2247484589idx=1sn=60d0f725c550261a92d67633639a154dchksm=9792a582a0e52c94e254d868073069f57d16de20e1c968622145eb27ddd1cabe98256858eee2scene=21#wechat_redirect
关注作者微信公众号,开启探索更多 CSS知识的精彩之旅。在这里,你将收获丰富的CSS专业内容,深入了解这一网页开发语言的奥秘,不断拓展你的知识边界,提升技能水平。快来关注吧! 标签选择器 标签选择器可选取页面上所有特定类型的标签,其作用力度大致相当于一个类名(约 255 个标签的效果与 1 个类名相近)。它常常被用于描述同类标签的共同特性,然而在精准展现某一特定元素的独特个性方面则稍显乏力。
示例代码如下:
css:
styletype="text/css"
body{
background-color:pink;
}
h3{
font-size:14px;
color:red;
}
p{
background-color:skyblue;
text-align:center;
font-weight:bold;
font-size:22px;
text-decoration:line-through;
color:blue;
}
/style
html:
body
h3h3标题标签/h3
ul
li
ul
li
ul
li
ul
lipp段落标签/p/li
/ul
/li
/ul
/li
/ul
/li
/ul
pp段落标签/p
/body
运行结果: 分析:在这个示例当中,我们运用标签选择器分别针对body、h3以及p标签设定了各不相同的样式。 id 选择器 在 CSS 中,“#” 乃是 id 选择器的独特标识符号。可在 HTML 标签中添加属性 “id”,从而为特定的标签赋予独一无二的标识符。id 的命名需以字母开头