使用CSS覆盖现有(未标记)表格样式?

时间:2017-11-16 14:38:12

标签: css

因此。我是一名CSS业余爱好者,我处理的问题比我的经验略高。

基本上:我们有一个第三方供应商的网站。我们无法修改他们的样式表。我被告知我们无法转发该网址。我们无法取消发布而不删除它,这不是一个选项。我们无法上传自己的样式表。我们无法在小窗口之外编辑页面HTML。我们需要禁用该网站 - 特别是登录功能 - 以便用户无法使用它,并为他们提供指向新网站的链接。

tldr;如果这听起来倒退而且令人费解,请理解我正在尽最大努力与没有太多灵活性的第三方合作。

到目前为止,我已经通过识别他们拥有的样式并编写自己的css来禁用它们(只是将所有内容设置为高度:0px宽度:0px溢出:隐藏已经工作得很好)并输入进入text / html字段,他们让我编辑。老实说,这似乎有点像设计缺陷,我可以像我一样严重打破任何页面,但我知道什么......

问题:他们在表格中有一个登录表单。没有与之相关的div或类。没有class / id,我无法通过css来设置它。造型"表"高度:0px,宽度:0px只是,呃,整个页面空白。

所以,我的问题是:如何在CSS中为没有class / id的表设置样式而无法为其添加标记?

是的。我知道我在做什么可能会让每个人都读到动脉瘤。我很抱歉我犯了CSS罪。

1 个答案:

答案 0 :(得分:0)

您可以通过某些父级来定位所述表格,这些父级将会工作,直到他们将该表重新定位在该父级之外,或者用您用于定位父级的东西进行操作。

更具体地说,我需要所述页面的HTML结构。 但一般来说,让我们说你找到一个父类,这是父类中唯一的形式(否则你必须说类型形式的第n个孩子),你可以使用.Parent>form { your CSS code}

这应该为您扩展选项。理想情况下,找到一个有id的父母,并希望它对网站是唯一的。

注意:非常害怕当您定位这样的内容时,如果您无法将其绑定到该特定页面或特定的站点唯一ID父级,那么您可能会冒险CSS选择器的一个或多个其他匹配,并且因为在大多数情况下(除非您使用CSS加载器或具有包含单独CSS文件的单独索引),您将共享相同的CSS到整个网页,它也将更改它们。

注意:如果您在其域外使用CSS,则更加害怕 - 特别是为安全事物设计STYLING,例如提供访问权限。如果您只隐藏登录元素,则严重违反安全规则。任何有一点知识的人都可以阅读代码并将其隐藏在客户端并登录。至少不要使用display:none;代替visibility: hidden;

加载到DOM中