2.类选择器 .divClass {color:Red;} /即定义的每个标签的class 中的css样式
3.ID选择器 #myDiv {color:Red;} /即页面中的标签的id
4.后代选择器(类选择器的后代选择器) .divClass span { color:Red;} /即多个选择器以逗号的格式分隔 命名找到准确的标签
5.群组选择器 div,span,img {color:Red} /即具有相同样式的标签分组显示
@ qss编辑规则?
QSS语法同css一样,他也有由一个selector与一个declaration组成,selector指定了是对哪一个控件产生效果,而declaration才是真正的产生作用的语句。如:
QPushButton { color: red }
QPushButton指定了是对所有的QPushButton或是其子类控件(如用户定义的MyPushButton)产生影响,而color:red表明所有的受影响控件的前景色都为red。
除了“类名”,“对象名”,“Qt属性名”这三样东西是大小写敏感的外其他的东西都是大小写不敏感的,如color与Color代表同一属性。
如果有几个selector指定了相同的declaration, 可以使用逗号(,)将各个选择器分开,如:
QPushButton, QLineEdit, QComboBox { color: red }
他相当于:
QPushButton { color: red }
QLineEdit { color: red }
QComboBox { color: red }
declaration部份是一系列的(属性:值)对,使用分号(;)将各个不同的属性值对分开,使用大括号({})将所有declaration包含在一起。
@ 类选择器和后代选择器的概念?
类选择器以(.)为前缀,后面为类名。在标签中定义class属性,然后设置属性值为类名选择器。
后代选择器是一种多个用空格分隔的选择器,别称包含选择器。
@ CSS代码怎么用?
css代码可以内嵌也可以外链。内嵌就是将css直接写在html标记中,大约在以后基本都逐渐规范为外链方式。内嵌css有个很大的缺点,就是html标记与css代码混合在一起,页面代码看起来比较混乱、吃力,结构不太清晰,后期如果有修改就会很费劲;规范为外链后,代码美观易懂、脉络清晰,方便二次修改。外链css,就是将css从html标记中分离出来,集中到一个或多个css页面,再根据需要,调用相关css文件进行指定样式表。
CSS样式表
内嵌css的方式:在html标记中添加属性“style”,设置相关属性值。如:“<p style=“font-size:12px”>带你走进科技大世界。</p>”就是给“带你走进科技大世界。”这段文字设置的字体大小为12px。
内嵌CSS样式
外链css方式:建一个css文件,样式集中写在该文件中,在所需页面调用就行了。方法是在“<head>”标记中添加“<link rel=”stylesheet” type=”text/css” href=”xxx/cssName.css” >”,其中“xxx”为路径,“cssName.css”为文件名。外链设置好后,在标记中通过“class”或“id”进行调用,如“<p class=“toptxt”>”或”<p id=”toptxt”>”,这时候样式表中被命名为“toptxt”的样式就应用到这个“<p>”标记中了。样式表中“class”和“id”的写法不一样,“class”前面加“.”,“id”前加“#”。
调用CSS文件
下面来说说使用“class”和“id”的区别,二者之间最大的区别是“class”名称在同一个页面中可以重复使用,而“id”名称是独一无二的。“class”本身就是用来调用样式的,一个页面中有同一个样式效果很正常,用“class”方便省事也更合理。“id”相当于人名,不允许重复出现。因为“id”不仅可用于样式,在写JavaScript时通常也要用“id”指定块。