精易论坛

标题: CSS有方法指定哪个的引用吗？ [打印本页]

作者: 陽陽陽 时间: 2023-2-13 13:46
标题: CSS有方法指定哪个的引用吗？
本帖最后由陽陽陽于 2023-2-13 13:47 编辑

现在的情况是这样子的，我大体做了个框架，但是颜色定义都是在引用部分，如果想单独让某个按钮成为另一个文件里的样式，可行度多少？比如下面这个例子：

代码：
<style class="sred">
  .red{
background:red;
  }
</style>
<style class="sblue">
  .red{
background:blue;
  }
</style>
<body>
  <p class="sred red">
grgfefvb
  </p>

  <p class="ssblue red">
grgfefvb
  </p>

<div class="Input-Field">
<Input id="Email_input" type="Email" class="Validate" />
<Label for="Email_input">Email</Label>
</div>
</body>

能不能通过style里的class来指定啊。
@afu45 大哥快快快，1000荣誉值了快，准备领RMB了

作者: SoloCat 时间: 2023-2-13 13:46

陽陽陽发表于 2023-2-14 07:53
JS这种东西玩不来好吧，，我只能用CSS搞搞看了

CSS本来就有些东西做不来。确实需要JavaScript。。。

作者: afu45 时间: 2023-2-13 13:57
css是有优先级的只要确保单独的这个按钮的样式优先级高于其他的即可
单独的文件里样式可以这样写
.red{
background:blue!important;
}

另外style标签加class属性是没意义的
<style class="sred">

作者: 陽陽陽 时间: 2023-2-13 14:01

afu45 发表于 2023-2-13 13:57
css是有优先级的只要确保单独的这个按钮的样式优先级高于其他的即可
单独的文件里样式可以这样写
.red{

那.假.如.说.我.这.几.个.都.是.用.的.l.i.n.k.引.用.的.怎.么.办.？.？
比如我想引用一个文件，里面有个qwerty的class
然后另一个文件也有这个class
但是我想一部分代码引用第一个类型，一部分引用第二个类型。
有没有类似于
.input-field > label
这种方法，指定哪个文件里面的class

作者: 刘一缘 时间: 2023-2-13 14:15
没明白你说的啥意思

你要不要思考下重新整理问题再问

作者: 刘一缘 时间: 2023-2-13 14:26

刘一缘发表于 2023-2-13 14:15
没明白你说的啥意思你要不要思考下重新整理问题再问

那你用英文提问

作者: afu45 时间: 2023-2-13 15:14

陽陽陽发表于 2023-2-13 14:01
那.假.如.说.我.这.几.个.都.是.用.的.l.i.n.k.引.用.的.怎.么.办.？.？
比如我想引用一个文件，里面有个 ...

那你设置不一样的class名称或者单独再添加一个
在link 1.css 文件里.s2{color:red!important;}
在当前页面里
<style>.s1{color:#blue}<style>
比如
<div class="s1"></div>
<div class="s1"></div>
<div class="s1 s2"></div>

作者: 陽陽陽 时间: 2023-2-13 23:47

afu45 发表于 2023-2-13 15:14
那你设置不一样的class名称或者单独再添加一个
在link 1.css 文件里.s2{color:red!important;}
在当前 ...

可是我做的都是这种的框架。。。。
真没办法了吗

作者: afu45 时间: 2023-2-13 23:52

陽陽陽发表于 2023-2-13 23:47
可是我做的都是这种的框架。。。。
真没办法了吗

你这两个样式都需要生效又不是排他
完全可以写一起
用不同的类名区分就可以了呀

作者: 陽陽陽 时间: 2023-2-13 23:54

afu45 发表于 2023-2-13 23:52
你这两个样式都需要生效又不是排他
完全可以写一起
用不同的类名区分就可以了呀 ...

e，好吧，看起来是没办法了

作者: afu45 时间: 2023-2-13 23:54
第一个 p 用上面样式第2个p用下面的样式
那不就是

[HTML] 纯文本查看 复制代码

<style>

  .sred{

    background:red;

  }

  .ssblue{

    background:blue;

  }

</style>

<body>

  <p class="sred">

    grgfefvb

  </p>



  <p class="ssblue">

    grgfefvb

  </p>



<div class="Input-Field">

<Input id="Email_input" type="Email" class="Validate" />

<Label for="Email_input">Email</Label>

</div>

</body>

[JavaScript] 纯文本查看 复制代码

<style>

  .red{

    background:red;

  }

  .ssblue{

    background:blue;

  }

</style>

<body>

  <p class="red">

    grgfefvb

  </p>

<p class="red">

    grgfefvb

  </p>

  <p class="red ssblue">

    grgfefvb不一样

  </p>



<div class="Input-Field">

<Input id="Email_input" type="Email" class="Validate" />

<Label for="Email_input">Email</Label>

</div>

</body>

作者: SoloCat 时间: 2023-2-14 07:32

我看的也是不知道你想法是什么。需要这么复杂吗 CSS复杂的都用JavaScript来配合啊。灵活度上升不好嘛。

作者: 陽陽陽 时间: 2023-2-14 07:53

糖心疼发表于 2023-2-14 07:32
我看的也是不知道你想法是什么。需要这么复杂吗 CSS复杂的都用JavaScript来配合啊。灵活度上升 ...

JS这种东西玩不来好吧，，我只能用CSS搞搞看了

欢迎光临精易论坛 (https://125.confly.eu.org/)