为了账号安全,请及时绑定邮箱和手机立即绑定

请问CSS类名选择器,能不能通过类名的一部分来选择?

/ 猿问

请问CSS类名选择器,能不能通过类名的一部分来选择?

缥缈止盈 2019-08-20 18:14:58

CSS类名选择器,能不能通过类名的一部分来选择?


查看完整描述

4 回答

?
蝴蝶不菲

有办法的,可以使用属性选择器的部分匹配功能来实现:
[class^="re_"] {
background-color: blue;
}

[abc^="def"]
选择 abc 属性值以 "def" 开头的所有元素

[abc$="def"]
选择 abc 属性值以 "def" 结尾的所有元素

[abc*="def"]
选择 abc 属性值中包含子串 "def" 的所有元素

查看完整回答
反对 回复 2019-08-24
?
当年话下

元素.类名
例如:p.abc{
color:red;

}
类名是abc的标签p的颜色是red

类名.元素
.abc p{
color:red;
}
表示:类名abc的任何标签旗下的p标签颜色是red

查看完整回答
反对 回复 2019-08-24
?
慕标琳琳

比如这个样的类别html

123<ul>    <li><a href=""></a></li></ul>

css 代码

ul li {属性:值} //这是给 li 设置CSS

ul li a {属性:值} //这是给 a 设置CSS

你说的事这个意识吗??



查看完整回答
反对 回复 2019-08-24
?
慕少森
  1. 标签选择器(如:body,div,p,ul,li)

  2. .类选择器(如:class="head",class="head_logo") 

  3. ID选择器(如:id="name",id="name_txt")

  4. 全局选择器(如:*号)

  5. .组合选择器(如:.head .head_logo,注意两选择器用空格键分开)

  6. .继承选择器(如:div p,注意两选择器用空格键分开)

  7. 伪类选择器(如:就是链接样式,a元素的伪类,4种不同的状态:link、visited、active、hover。)

  8. 字符串匹配的属性选择符(^ $ *三种,分别对应开始、结尾、包含) 

以上选择器在日常开发中最常用的就是标签选择器、类选择器和id选择器,下面是这三种选择器的基本用法1、标签名选择器 一个XHTML文档中有许多标签,例如p标签,h1标签等。若要使文档中的所有p标签都使用同一个CSS样式,就应使用标签选择器。 

12div {color:red;border:1px blue solid;} p {color:#000;}

2、类选择器 使用标签选择器可以为整个XHTML文档中的同一个标签指定相同的CSS样式。但是在实际运用中,XHTML文档中的同一个标签会被反复使用。若要为相同的标签赋予不同的CSS样式就应使用类选择器。

12<div class="test">测试代码</div> .test {color:red;border:1px blue solid;}

3、id选择器,id选择器是唯一的,只可以获取独一无二的一个元素。

12<div id="test">测试代码</div> #test {color:red;border:1px blue solid;}


查看完整回答
反对 回复 2019-08-24

添加回答

回复

举报

0/150
提交
取消
意见反馈 邀请有奖 帮助中心 APP下载
官方微信